|
|||
simple kleine bildergalerie
Hallo,
ich versuche seit tagen eine kleine bildergalerie zu bauen aber ich schaffe es einfach nicht. ich habe auch eine galerie mit html und css auch geschafft aber das möchte ich nicht, weil ich für jedes vorschaubild extra ein bild hochladen müsste + mainbilder. Habe ein Bild hochgeladen was ich überhaupt vorhab. es sollte ein grosses Bild mainbild in der mitte sein in grossformat und daneben 2 kleine vorschaubilder, wenn man auf die vorschau bilder rüberfährt mit der Maus sollte sich das mittlere grosse bild das anzeigen was auf dem kleinen vorschaubild zu sehen ist (thumbnail)--> wird mainbild. Habe jetzt noch ein Bild hochgeladen damit ihr wisst was ich meine. Uploaded with ImageShack.us und hier der code was ich nicht verstehe und zu verstehen versuche wo finde ich den javascript code (da sind id`s ) die muss ich glaube ich im javascript eingeben damit das funktioniert : HTML-Code:
<div id="slider"> <div id="grossBild"> <!-- Das erste main bild --> <img name="main bild" id="habe ich nicht" src="../bilder/mainbild.jpg"> </div> <!-- hier der div wo die kleinen thumbnails Vorschau bilder kommen weis aber nicht wie javascript geht --> <div id="kleinbild"> <a onmouseover="document.grossbild.src='bilder/bild1.jpg'; return false;"> <img onmouseover="[B]wo ist der javascript code?[/B]" id="[B]finde ich nicht[/B]" src="url vom kleinen bild1"></a> <br /> <a onmouseover="document.grossbild.src='bilder/bild2.jpg'; return false;"> <img onmouseover="[B]was schreibe ich hierrein?[/B]" id="[B]habe ich nicht[/B]" src="url vom kleinen bild2"></a> </div> </div> Kenn mich mit javascript überhaupt nicht aus, und weiss nicht mehr weiter. Ich würde mich freuen wenn mir jemand helfen würde, eine kleine Spende für den Forum würde ich als dankeschön hinterlassen wollen. Habt alle vielen Dank jetzt schonmal habe seit gestern nicht schlafen können. Danke nochmals MFG Geändert von boogy (17.03.2013 um 05:10 Uhr) |
Sponsored Links |
|
|||
Ich habe jetzt viel gelesen was ich nicht verstehe ist wenn ich javascript sehe denke ich es gibt immer ein ordner mit den namen javascript wo das javascript drin ist.
Jetzt habe ich paar tutorials geschaut und dort ist das javascript im html dokument drinnen ohne externe js dateien. Deswegen bin ich so durcheinander.... ich bin am lernen und habe diese jetzt dank tuts im internet mal nachgebaut, im firefox und internet exlplorer getest zeigt auch alles an. Aber beim Safari zeigt es nicht an wieso ? Es ist doch ein javascript befehl drinnen ? Weil sonst könnte ich gleich auf javascript verzichten und nur mit html und css reallisieren aber dort gibt es probleme beim ie und chrome + thumbnail bilder müsste ich über css laden. Deswegen wollte ich eine bildergalerie mit js. Hier mal der code wo es bei firefox u.ie funktioniert aber bei safari nicht: HTML-Code:
<head> <style type="text/css"> body { background: #222; margin-top: 20px; } h3 { color: #eee; font-family: Verdana; } .thumbnails img { height: 80px; border: 4px solid #555; padding: 1px; margin: 0 10px 10px 0; } .thumbnails img:hover { border: 4px solid #00ccff; cursor:pointer; } .preview img { border: 4px solid #444; padding: 1px; height: 171px; width:256px; } </style> </head> <body> <div class="gallery" align="center"> <h3> JavaScript Bilderaustausch mit thumbnail</h3><br/> <div class="thumbnails"> <img onmouseover="preview.src=bild1.src" id="bild1" src="bilder/1.png" alt="Image Not Loaded"/> <img onmouseover="preview.src=bild2.src" id="bild2" src="bilder/2.png" alt="Image Not Loaded"/> <img onmouseover="preview.src=bild3.src" id="bild3" src="bilder/3.png" alt="Image Not Loaded"/> <img onmouseover="preview.src=bild4.src" id="bild4" src="bilder/4.jpg" alt="Image Not Loaded"/> </div><br/> <div class="preview" align="center"> <img id="preview" src="bilder/1.png" alt="kein Bild gelden"/> </div> <br/> </div> </body> Es würde mich freuen wenn jemand dazu was sagen möchte oder, wie ich bei mein vorhaben wie auf dem 1.post gezeigten (Screen )Bldergalerie realisieren kann. MfG Geändert von boogy (18.03.2013 um 10:00 Uhr) |
Sponsored Links |
|
|||
>>Kenn mich mit javascript überhaupt nicht aus, und weiss nicht mehr weiter.
wenn du dich mit JS nicht auskennst, warum nimmst du dann nicht ein fertiges Script aus dem Web? Es gibt jede Menge davon, die deinen Vorstellungen etwa entsprechen könnten. z.B. Image slideshow with vertical filmstrip. Beschreibung unter : Image Slideshow With Vertical Filmstrip Rico |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Css basierte Bildergalerie | Relühcs | CSS | 6 | 11.04.2012 18:44 |
Simple Accordion und jQuery.ScrollTo gleichzeitig verwenden? | bleny87 | Javascript & Ajax | 3 | 24.05.2011 20:08 |
hasLayout Problem mit "Ulles" hover Bildergalerie | regioprint | CSS | 7 | 17.03.2008 11:45 |
Probleme mit Bildergalerie | Lili0312 | Site- und Layoutcheck | 3 | 03.03.2007 15:35 |
Extra Stylesheet für kleine Bildschirme (ohne Javascript) | beginners | CSS | 9 | 03.01.2006 15:34 |