Zum Inhalt springen

Bildmarker mit TS ansprechen

Erstellt am 26. April 2008 · 17 Antworten · letzte Antwort am 28. April 2008

Tags: Frage

just2b ·

ja, war ja auch nur der 1. treffer bei google...

page.10.marks.Pic1 {
.....
....
    imageLinkWrap = 1
    imageLinkWrap {
      enable = 1
      bodyTag = <body bgColor="#ffffff">
      wrap = <a href="javascript:close();"> | </a>
      width = 500m
      height = 500
      JSwindow = 1
      JSwindow.newWindow = 1
      JSwindow.expand = 17,20
    }
}

georg

incubali ·

sorry wenn ich mich etwas blöd anstelle und so zeug frag ...
aber ich bin echt grad etwas verwirrt... ist aber wohl am anfang so?!

incubali ·

so ... soweit so gut ;D

popup öffnet sich. inhalt ist allerdings genau das gleiche bild.
wie kann ich dort ein anderes bild anzeigen?

ich möchte 2 bilder verwenden. das kleine das als link fungiert und ein großes.
ich möchte da nichts mit ner automatischen skalierung oder so

just2b ·
incubali schrieb

nun möchte ich bei klick auf das bild ein popup öffnen lassen in dem man das bild größer betrachten kann.

deine meinung wechselt aber ziemlich schnell....

anderes bild geht nicht mit der Standard-API

georg

SLAng ·

Also, wenn du nur eine vergrößerte Version haben willst ist doch ganz simpel.

Wir nehmen mal an das Bild hat eine Originalgröße von 500px x 500px. (das ist die große Version)
Nun willst du aber auf deiner Webseite eine verkleinerte Version zeigen, zum Beispiel soll das Bild auf der Webseite nur 250px x 250px haben. Also setzt du:

PIC = IMAGE
PIC {
	titleText = ....
	altText = ....
	file {
		maxH = 250
		maxW = 250
		import = uploads/media/     
		import {
			data = levelmedia: -1,slide
			listNum = 0
			override.field = media
		}
	}
	imageLinkWrap = 1
	imageLinkWrap {
		enable = 1
		bodyTag = <body bgColor="#ffffff">
		wrap = <a href="javascript:close();"> | </a>
		width = 500
		height = 500
		JSwindow = 1
		JSwindow.newWindow = 1
		JSwindow.expand = 17,20
	}
}

Dann wird dir auf der Webseite durch maxH und maxW, nur 250 x 250 angezeigt und das neue Fenster zeigt dir die Originalgröße an.

incubali ·

... das ist mir schon klar.

ich will aber nicht das gleiche bild verwenden. sondern im popup ein anderes bild.

SLAng ·
incubali schrieb

das bildmotiv ist das gleiche ...

Dann ist es doch dasselbe Bild... Warum mach ich mir nur die Mühe? #paralyzed#

incubali ·

gut...

wäre es dann möglich, auf das GLEICHE bild in der runtergerechneten ansicht eine art lupe als overlay über das bild zu legen um die popup/link-funktion zu veranschaulichen?

SLAng ·

Sicher geht das...
Du brauchst nur ne png- oder Gif-Lupe über das Bild legen und absolute positionieren: (Hab die Styles direkt reingeschrieben - popup.gif ist die Lupe) (mit margin und padding an die passende Stelle verschieben.

PIC = COA
PIC {
	wrap = <div><div style="width:8px; height:8px; position:absolute;"><img src="fileadmin/index/pic/popup.gif"></div>|</div>

	10 = IMAGE
	10 {
		titleText = get Thunderbird mail-Client
		altText = get Thunderbird
		file {
				maxH = 50
				maxW = 50
				import = uploads/media/     
				import {
					data = levelmedia: -1,slide
					listNum = 0
					override.field = media
				}
			}
			imageLinkWrap = 1
			imageLinkWrap {
				enable = 1
				bodyTag = <body bgColor="#ffffff">
				wrap = <a href="javascript:close();"> | </a>
				width = 500
				height = 500
				JSwindow = 1
				JSwindow.newWindow = 1
				JSwindow.expand = 17,20
			}
		}
	}
}