code2i: bilder in pop up wechseln: html oder javascript?

Beitrag lesen

Hallo

ausgangspunkt:

a) pop up 1
..im pop up die ausgerichtete grafik01 (links,rechts,oben - randlos)
darunter zwei verweise: "normal" und "active" die an das "base target="pop up 2" verweisen.

....<img src="grafik01.jpg" alt="" border="0">

<a href="grafik02.jpg">normal</a>
    <a href="grafik03.jpg">active</a>.....

b) pop up 2
..steht rechts neben pop up 1 und beinhaltet ein mit css ausgerichtetes bild (grafik00A).

<img src="grafik00A.jpg" width="277" height="470" alt="" border="0">

wenn ich nun z.B. den verweis "normal" clicke öffnet sich in pop up 2 die gewünschte grafik02 (und grafik00 verschwindet). allerdings nicht in der bereits vorhandenen css formatierung von grafik00. das bild öffnet sozusagen wild im fenster (mit randabstand und default hintergrundfarbe..).

ich frag mich nun wie ich die von pop up 1 verwiesenen bilder auf pop up 2 (im gleichbleibenden! fenster) nach wunsch ausrichten kann...?
..meine javascript kenntnisse lassen leider noch zu wünschen übrig  ;-)

--------------------

zu deiner frage: ich hab die neuen bilder blos auf auf pop up 2 verwiesen...wo sie ja auch ankommen... aber halt unformatiert..hm..?

Jups ! Ich sehe da ein Problem. Das lässt sich einfach erklären.

HTML ist eine Beschreibungssprache (Markup Language) du kannst damit angeben wie Texte und Grafiken innerhalb des Dokumentes formatiert werden. Desweiteren stehen einem Mittel wie CSS zur Verfügung, welche du auch benutzt hast.

Du übergibst deinem popup 2 allerdings nur ein Bild(durch klicken auf den Verweis). Es ist aber in kein HTML Dokument eingebettet von dem der Browser die Information entnehmen kann wie dieses Bild ausgerichtet werden soll. (oben links ohne Rand). Und auf welches so auch kein CSS angewendet werden kann.
Es wird einfach nur ein Bild angezeigt.
(Versuch dir mal den Quelltext des neuen Bildes anzuschauen, da gibt es keinen)

Lösung: (Es gibt zwei Möglichkeiten dein Problem zu lösen.)

  • Ohne JavaScript!
    Die Bilder welche in deinem Popup angezeigt werden sollen bindest du in ein HTML Dokument ein und kannst so die "Formatierung" vornehmen. (Oben link ohne Rand).

Dann müssten deine Verweise so in etwa aussehen.(Je nach dem wie du die HTML Dokumente benennst)
 <a href="grafik02.htm">normal</a>
 <a href="grafik03.htm">active</a>.....

Nun werden nicht nur mehr die Bilder im Popup geladen sondern die HTML Dokumente mit den eingebetteten Bildern und Angaben zur Formatierung.

  • Mit JavaScript !
    Mit JavaScript musst du das neu geöffnete Fenster als Objekt ansprechen und die Quelle des image Objektes verändern.

popup1 = window.open("grafik.htm","Fenster1","width=,height=,left=,top=");

function change() {
popup1.document.images[0].src = "grafik02.jpg";}

So z.B !

cu code2i