Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
(Hilfe) html & css galerie
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="vedroboy, post: 7254, member: 590"] Guten Abend, bin neu im Forum und bin durch Google auf diesen Forum gestoßen. Also ich bin dabei mir ein ebay Auktions-Design zu machen und hab auch ein code im netz gefunden für ne html galerie die ich auch erstmal stark bearbeitet habe. jetzt gibt es ein Problem wenn ich auf die thumbs (kleine vorschaubilder) drücke dann öffnet sich ein neuer Tab und das bild wird dort geöffnet. Ich jedoch möchte das sich das kleine bild bild nicht öffnet, jedoch weiterhin wenn man mit der maus darüber geht, als groß auf der linken seite angezeigt wird. [IMG]http://www.abload.de/img/17nk8v.png[/IMG] Hier der Code zum Screenshot [CODE] <!-- BILDER GALERIE --> <style type="text/css"> <!-- a.ThumbLink { position:absolute; top:0px; left:0px; text-decoration:none; } a:link.ThumbLink { text-decoration:none; } a:active.ThumbLink { text-decoration:none; } a:visited.ThumbLink { text-decoration:none; } a:hover.ThumbLink { text-decoration:none; cursor:pointer; } span.spanthumb { width:70px; height:70px; border:1px outset #000000; text-align:center; } span.spanthumb:hover { border:1px solid red; } a#ThumbLink1:hover div.divbild1 { display:block; } #divthumb1 { position:absolute; top:0px; left:437px; } div.divbild1 { display:block; width:400px; height:400px; text-align:left; } a#ThumbLink2:hover div.divbild2 { display:block; } #divthumb2 { position:absolute; top:73px; left:437px; } div.divbild2 { display:none; width:400px; height:400px; background-color:#cccccc; text-align:left; } a#ThumbLink3:hover div.divbild3 { display:block; } #divthumb3 { position:absolute; top:149px; left:437px; } div.divbild3 { display:none; width:400px; height:400px; background-color:#cccccc; text-align:left; } a#ThumbLink4:hover div.divbild4 { display:block; } #divthumb4 { position:absolute; top:222px; left:437px; } div.divbild4 { display:none; width:400px; height:400px; background-color:#cccccc; text-align:left; } --> </style> <div style="clear:both;position:relative;display:block;width:550px;height:400px;background-color:#cccccc;margin:5px;margin-left:auto;margin-right:auto;margin-top:10px;"> <!-- Bild Nr. 1 --> <a href="http://www.abload.de/img/11d2uga.png" target="_blank" id="ThumbLink1" class="ThumbLink"> <span id="divthumb1" class="spanthumb"> <img src="http://www.abload.de/img/11d2uga.png" width="70" height="53" alt="" border="0"> </span> <div id="divbild1" class="divbild1"> <img src="http://www.abload.de/img/11d2uga.png" width="400" height="400" border="0" align="left"> </div> </a> <!-- Bild Nr. 2 --> <a href="http://www.abload.de/img/126guju.jpg" target="_blank" id="ThumbLink2" class="ThumbLink"> <span id="divthumb2" class="spanthumb"> <img src="http://www.abload.de/img/126guju.jpg" width="70" height="53" alt="" border="0"> </span> <div id="divbild2" class="divbild2"> <img src="http://www.abload.de/img/126guju.jpg" width="400" height="400" alt="" border="0"> </div> </a> <!-- Bild Nr. 3 --> <a href="http://www.abload.de/img/123kiu2m.jpg" target="_blank" id="ThumbLink3" class="ThumbLink"> <span id="divthumb3" class="spanthumb"> <img src="http://www.abload.de/img/123kiu2m.jpg" width="70" height="53" alt="" border="0"> </span> <div id="divbild3" class="divbild3"> <img src="http://www.abload.de/img/123kiu2m.jpg" width="400" height="400" alt="" border="0"> </div> </a> <!-- Bild Nr. 4 --> <a href="http://www.abload.de/img/1234mmutb.jpg" target="_blank" id="ThumbLink4" class="ThumbLink"> <span id="divthumb4" class="spanthumb"> <img src="http://www.abload.de/img/1234mmutb.jpg" width="70" height="53" alt="" border="0"> </span> <div id="divbild4" class="divbild4"> <img src="http://www.abload.de/img/1234mmutb.jpg" width="400" height="400" alt="" border="0"> </div> </a> </div> [/CODE] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
(Hilfe) html & css galerie
Oben
Unten