Ich habe zwei Arrays generiert werden, ist eine Gruppe von kleinen Bildern mit einer eindeutigen numerischen Klasse zu ihm verbunden. Dann gibt es eine größere Version des Bildes mit der gleichen eindeutigen Nummer, die damit verbunden ist. Ich habe die bisher aufgeführten Lösungen ausprobiert (nicht die jQuery-Lösungen), aber keine von ihnen funktioniert bei mir. Ich aktualisiere auch mein Beispiel, um besser darzustellen, was ich zu erreichen versuche. Die dynamische ID, die generiert wird, kann Teil des kleinen Bildes sein, aber dem gesamten Div-Container des großen Bildes hinzugefügt werden.
Also:
<img id="thumb_1" src="smallimage1.jpg">
<img id="thumb_2" src="smallimage2.jpg">
y
<div id="big_1" style="display:none">
<img class="1" src="largeimage1.jpg">
<p>Stuff</p>
</div>
<div id="big_2" style="display:none">
<img class="2" src="largeimage2.jpg">\
<p>Stuff</p>
</div>
Kann ich einige Vorschläge über eine Möglichkeit, jede große div zeigen, je nachdem, welche zugeordnete kleine Bild-ID angeklickt wird haben? Wenn ein anderer Thumb angeklickt wird, muss ich die Anzeige für das inaktive Div wieder auf none umstellen.
Ich würde gerne jQuery verwenden, aber ich denke, es wird Konflikte geben (auch im "noConflict"-Modus), so dass ich eine Lösung mit einfachen JavaScript oder möglicherweise Prototype herausfinden muss. Irgendwelche Vorschläge, die mir helfen, den Ball hier ins Rollen zu bringen?