2 Stimmen

Wie verstecken/anzeigen divs aus der Ausgabe von Array

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?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X