bilder in pop up wechseln: html oder javascript?

[andy c.]

guten tag werte selfhtml community!

vorausgeschickt: ich bin relativer anfänger beim programmieren von webseiten. sorry, wenn ich hier etwas laienhaft frage.
seit einigen tagen beschäftige ich mich mit javascripts. zielsetzung: künstlerische popup-gestaltung.
ich hab ein script wo nach anklicken des links zwei pop-ups mit jpg´s  aufmachen.
die anpassung der bilder (oben u.links randlos) funktioniert. ich hab jedoch in einem fenster verweise gesetzt zum öffnen von neuen bildern im zweiten fenster. wenn ich diese verweise nun anklicke kommt zwar das gewünschte bild im anderen fenster ABER das bild öffnet sich nicht nach meinen wünschen ;-) - die da wären: oben und links ohne rand!
würd mich freuen wenn mir jemand einen tip geben könnte mit welchem ansatz ich weiterkomm.

[code2i]

Hallo Andy C.

die anpassung der bilder (oben u.links randlos) funktioniert. ich hab jedoch in einem fenster verweise gesetzt zum öffnen von neuen bildern im zweiten fenster. wenn ich diese verweise nun anklicke kommt zwar das gewünschte bild im anderen fenster ABER das bild öffnet sich nicht nach meinen wünschen ;-) - die da wären: oben und links ohne rand!

Hmmm ! oben und links ohne Rand hast du in HTML angegeben. Das funzt soweit sehr gut, sagst du. Hast du denn die neuen Bilder auch in ein HTML Dokument verpackt und die Angaben zu links ohne und oben gemacht ???

cu code21

[andy]

Hallo Andy C...... cu code21

danke für das entgegenkommen code 21 !

im detail:

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..?

grüsse aus wien

[code2i]

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

[andy]

Herzlichen Dank für die aufmerksamkeit und die hilfe an code 2i !

die empfohlenen javascript-lösungsansätze hab ich mal beiseite gelegt....  vorerst hab ich mit der annäherungsweise beschriebenen html(+css) methode aber genau das erreicht was ich wollte.

(mit javascripts gehts mir ähnlich wie mit der französischen sprache: es ist schön manches zu verwenden und daran freude zu finden auch wenn man eigentlich nicht sonderlich viel daran versteht...aber man lernt...)

merci beaucoup - too you 2i!