MikeXY: Originalcode

Beitrag lesen

SELF-Forum

Originalcode

MikeXY
– Informationen zu den Bewertungsregeln

Hier nochmal der Originalcode, der in allen Browsern funktioniert außer IE9. Der Code ist valide...

<body>  
  
  <div id="container">  
  
  
    <div id="linke_spalte">  
  
      <ul id="vorschaubilder">  
  
        <li>  
          <a onclick="document.getElementById('bild1').style.visibility = 'visible';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild1.jpg" alt="" border="0" width="100" height="75" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild2').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild2.jpg" alt="" border="0" width="100" height="73" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild3').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild3.jpg" alt="" border="0" width="100" height="81" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild4').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild4.jpg" alt="" border="0" width="100" height="73" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild5').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild3.jpg" alt="" border="0" width="100" height="81" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild6').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild4.jpg" alt="" border="0" width="100" height="73" />  
          </a>  
        </li>  
  
      </ul>  
  
  
      <div id="beidelisten">  
        <ul class="liste">  
            <li>witterungsbeständig</li>  
            <li>für 2 Personen</li>  
            <li>stabile Scharniere</li>  
            <li>mit Staufach</li>  
            <li>massives Akazienholz</li>  
            <li> Lieferumfang 1 Stck.</li>  
            <li>Lieferung teilzerlegt</li>  
        </ul>  
  
        <ul class="liste">  
          <li>Gesamthöhe:    90 cm</li>  
          <li>Gesamtbreite: 107 cm</li>  
          <li>Gesamttiefe:     69 cm</li>  
          <li>Sitzhöhe:          44 cm</li>  
          <li>Sitztiefe:           47 cm</li>  
          <li>Sitzbreite:       100 cm</li>  
          <li>Armlehnhöhe:   64 cm</li>  
        </ul>  
    </div>  
    </div>  
  
    <div id="artikel">  
      <img src="bilder/bild1.jpg" alt="" border="0" id="hauptfoto" />  
      <p class="beschreibung">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>  
  
      <h6>Zahlungsinformation</h6>  
      <p>eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>  
  
      <h6>Versandinformation</h6>  
      <p>dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>  
  
      <h6>Kontaktinformation</h6>  
      <p>sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd</p>  
    </div>  
  
  
  
  
  
  
  
  <div id="bild1" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild1.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild1').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  <div id="bild2" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild2.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild2').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  <div id="bild3" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild3.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild3').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  <div id="bild4" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild4.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild4').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  
  <div id="bild5" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild3.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild5').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  
  <div id="bild6" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild4.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  
  </div>  
  
  
  
</body>
Beitrag melden
–
Informationen zu den Bewertungsregeln