Forum Doku Wiki Blog

Forumsarchiv 2010, September
Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

archivierte Beiträge lesen

  1. (JAVASCRIPT) Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild von dodger, 06. 09. 2010, 10:15

Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

Der folgende Beitrag wurde am 06. 09. 2010, 10:15 Uhr von dodger veröffentlicht.

MoinMoin zusammen,

ich bin neu hier und habe direkt mal ein Problem. Hoffentlich hat jemand einen spontanen Rat für mich.

Ich habe eine Galerie, die tauscht mit mouseover das Hauptbild aus. Dies funktioniert, indem bei dem jeweiligen mouseover eine neue document.grossbild.src=... Zuweisung gemacht wird.

Mein Problem ist, dass ich diese Zuweisung per Zoom nicht öffnen kann. Im Folgeden Quellcode nach der Stelle <!-- Hier beginnt das Problem -->, dort versuche ich, die sich dynamisch ändernde Zoombildurl mit src="grossbild" aufzurufen nur leider funktioniert das nicht. Auch die Aufrufe src="document.grossbild.src" oder src="grossbild.src" greifen leider nicht. Hat jemand eine Idee?


Nun der Quellcode:

<script type="text/javascript">

<!--
gross_bild1 = new Image(); gross_bild1.src = "bild1_gross.jpg";
gross_bild2 = new Image(); gross_bild2.src = "bild2_gross.jpg";
gross_bild3 = new Image(); gross_bild3.src = "bild3_gross.jpg";
klein_bild1 = new Image(); klein_bild1.src = "bild1_klein.jpg";
klein_bild2 = new Image(); klein_bild2.src = "bild2_klein.jpg";
klein_bild3 = new Image(); klein_bild3.src = "bild3_klein.jpg";
//-->
</script>

<script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=="no ne")
{ document.getElementById(das).style.display="inline "; }
else { document.getElementById(das).style.display="none"; } }
</script>

<table width="596" cellpadding="0" cellspacing="0">
<tr>
<td width="430" align="center" valign="middle">
<!-- Hier beginnt das Problem -->
<!-- Erläuterung: grossbild ist der Name des variablen Bildes, aber leider funktioniert keiner meiner versuche dies direkt auszugeben, z.B. src="grossbild" -->

<span class="bereich" style="display: none; z-index:1;" id="bild0">
<img src="grossbild" border="0" width="650" height="650" onMouseOut="anzeigen('bild0');"></span>

<!-- Hier endet das Problem -->

<img src="bild1_gross.jpg" border="0" alt="" name="grossbild" width="330" onClick="anzeigen('bild0');"></td>


<td valign="top">
<div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild1">
<img src="bild1_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild1');"></span> <img src="bild1_klein.jpg" border="0" alt="" name="kleinbild1" onMouseOver="document.grossbild.src = gross_bild1.src" onClick="anzeigen('bild1');"></div>

<div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild2">
<img src="bild2_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild2');"></span><img src="bild2_klein.jpg" border="0" alt="" name="kleinbild2" onMouseOver="document.grossbild.src = gross_bild2.src" onClick="anzeigen('bild2');"></div>

<div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild3">
<img src="bild3_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild3');"></span><img src="bild3_klein.jpg" border="0" alt="" name="kleinbild3" onMouseOver="document.grossbild.src = gross_bild3.src" onClick="anzeigen('bild3');"></div>

<div class="mitte2">Klicken Sie auf die Bilder, um diese zu vergrößern.</div>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
document.kleinbild1.src = klein_bild1.src;
document.kleinbild2.src = klein_bild2.src;
document.kleinbild3.src = klein_bild3.src;
document.grossbild.src = gross_bild1.src;
//-->
</script>

Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

Der folgende Beitrag wurde am 06. 09. 2010, 10:39 Uhr von JürgenB veröffentlicht.

Hallo dodger,

> if(document.getElementById(das).style.display=="no ne")
                                                     ^ Tipfehler?


Gruß, Jürgen

Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

Der folgende Beitrag wurde am 06. 09. 2010, 11:55 Uhr von dodger veröffentlicht.

> Hallo dodger,
>
> > if(document.getElementById(das).style.display=="no ne")
>                                                      ^ Tipfehler?
>
>
> Gruß, Jürgen
>

Hallo Jürgen,

oh je, stimmt, der Tippfehler scheint sich bei copy und paste eingeschlichen zu haben, liegt aber im Original nicht vor.

Gruß, dodger

Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

Der folgende Beitrag wurde am 06. 09. 2010, 14:41 Uhr von dodger veröffentlicht.

Ergänzung:

Ich habe noch nicht allzuviel Ahnung. Durch leidiges Trial and Error ist mir klar geworden das die Variablen/ Elementnamen: document.grossbild.src, grossbild.src oder grossbild nicht als URL aufrufbar sind. Und dennoch sollte dies irgendwie ermöglicht werden, da dieses Bild keine feste URL hat. Es ist mal Bild1, Bild2 oder Bild3, je nachdem welcher Mouseover zuletzt aktiv war.
Arrays oder php darf ich glaube ich leider nicht verwenden, da es eine Ebay taugliche lösung bleiben soll.

Grüße, dodger

Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

Der folgende Beitrag wurde am 09. 09. 2010, 07:29 Uhr von dodger veröffentlicht.

MoinMoin nochmal,

Weiß denn niemand eine Lösung oder hat zumindest einen Tipp für mich?
Bitte helft mir, ich bin am verzweifeln.

Grüße,
dodger



> MoinMoin zusammen,
>
> ich bin neu hier und habe direkt mal ein Problem. Hoffentlich hat jemand einen spontanen Rat für mich.
>
> Ich habe eine Galerie, die tauscht mit mouseover das Hauptbild aus. Dies funktioniert, indem bei dem jeweiligen mouseover eine neue document.grossbild.src=... Zuweisung gemacht wird.
>
> Mein Problem ist, dass ich diese Zuweisung per Zoom nicht öffnen kann. Im Folgeden Quellcode nach der Stelle <!-- Hier beginnt das Problem -->, dort versuche ich, die sich dynamisch ändernde Zoombildurl mit src="grossbild" aufzurufen nur leider funktioniert das nicht. Auch die Aufrufe src="document.grossbild.src" oder src="grossbild.src" greifen leider nicht. Hat jemand eine Idee?
>
>
> Nun der Quellcode:
>
> <script type="text/javascript">
>
> <!--
> gross_bild1 = new Image(); gross_bild1.src = "bild1_gross.jpg";
> gross_bild2 = new Image(); gross_bild2.src = "bild2_gross.jpg";
> gross_bild3 = new Image(); gross_bild3.src = "bild3_gross.jpg";
> klein_bild1 = new Image(); klein_bild1.src = "bild1_klein.jpg";
> klein_bild2 = new Image(); klein_bild2.src = "bild2_klein.jpg";
> klein_bild3 = new Image(); klein_bild3.src = "bild3_klein.jpg";
> //-->
> </script>
>
> <script type="text/javascript">
> function anzeigen(das){
> if(document.getElementById(das).style.display=="no ne")
> { document.getElementById(das).style.display="inline "; }
> else { document.getElementById(das).style.display="none"; } }
> </script>
>
> <table width="596" cellpadding="0" cellspacing="0">
> <tr>
> <td width="430" align="center" valign="middle">
> <!-- Hier beginnt das Problem -->
> <!-- Erläuterung: grossbild ist der Name des variablen Bildes, aber leider funktioniert keiner meiner versuche dies direkt auszugeben, z.B. src="grossbild" -->
>
> <span class="bereich" style="display: none; z-index:1;" id="bild0">
> <img src="grossbild" border="0" width="650" height="650" onMouseOut="anzeigen('bild0');"></span>
>
> <!-- Hier endet das Problem -->
>
> <img src="bild1_gross.jpg" border="0" alt="" name="grossbild" width="330" onClick="anzeigen('bild0');"></td>
>
>
> <td valign="top">
> <div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild1">
> <img src="bild1_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild1');"></span> <img src="bild1_klein.jpg" border="0" alt="" name="kleinbild1" onMouseOver="document.grossbild.src = gross_bild1.src" onClick="anzeigen('bild1');"></div>
>
> <div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild2">
> <img src="bild2_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild2');"></span><img src="bild2_klein.jpg" border="0" alt="" name="kleinbild2" onMouseOver="document.grossbild.src = gross_bild2.src" onClick="anzeigen('bild2');"></div>
>
> <div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild3">
> <img src="bild3_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild3');"></span><img src="bild3_klein.jpg" border="0" alt="" name="kleinbild3" onMouseOver="document.grossbild.src = gross_bild3.src" onClick="anzeigen('bild3');"></div>
>
> <div class="mitte2">Klicken Sie auf die Bilder, um diese zu vergrößern.</div>
> </td>
> </tr>
> </table>
> <script type="text/javascript">
> <!--
> document.kleinbild1.src = klein_bild1.src;
> document.kleinbild2.src = klein_bild2.src;
> document.kleinbild3.src = klein_bild3.src;
> document.grossbild.src = gross_bild1.src;
> //-->
> </script>

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4