Forbinde tekst og billede?

Tags:    html

Hej Forum

Jeg har lidt uforsigtigt lovet en veninde hjælp til en ny hjemmeside. Da jeg ikke er særlig god til html, har jeg fundet et passende forlag og ændret til hendes behov.

Til højre har jeg små thumbnails der vises når man klikker på dem. Teksten under det store billede er ikke linket med thumbnailen. Kan man programmere det, så underteksten ændrer sig med billedet?

http://flausen.borgman.dk/bilder.html


På forhånd mange tak,
Venlig hilsen Oestersoe



6 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Ja, det kan man godt :)

Har du noget kode du kan vise frem - javascript kode evt.?



Indlæg senest redigeret d. 16.04.2012 17:56 af Bruger #4487
Ih, tak for svar : )

Koden fra thumbnail til billede ser sådan ud:

<li><a href="inhalt/objekte/bild-1.jpg" class="aktiv"><img src="inhalt/objekte/bild-1_th.jpg" title="Objekt-1" alt="Thumbnail" /></a></li>

Hvis jeg forsøger at sætte tekst ind i href vises teksten ved thumbnailen og ikke det store billede.

billedet er i en div:


<div class="projektseite" id="main" style="padding-top:48px;">

<img id="img_viewer" src="inhalt/objekte/bild-1.jpg" title="Objekt-1" alt="Vorschau" />

<h3>Überschrift</h3>
<p>Hier könnte Text zu den Objekten sein.<br />
</p>
</div>



Jeg tænker at du formentlig må have noget javascript, som gør at når du klikker på et billede, så vises det ved siden af i stor størrelse. Det er den kode jeg meget gerne vil se :)



Ups, ok kunne det være det her? ( Det er to forskellige jpg der vises )


$(document).ready(function() {
//Meta-Links

$("#meta .print").bind("click",function(){window.print();});

//Superfish initialisation
$('ul#nav').superfish({delay: 500, animation: {height: 'toggle'}, speed: 100 , autoArrows: false, dropShadows: false});

//Filme einfügen

//Image-Viewer-Klicks
$(".preview a").bind("click", function() {
var imagedisplay = $("#img_viewer");
var newimage = $(this).attr("href");
$(this).parents(".preview").find(".aktiv").removeClass("aktiv");
$(this).addClass("aktiv");
$(imagedisplay).attr("src", newimage);
return(false);
});

});


Jeg må afsted nu, vender tilbage i morgen : )
Bedste hilsener




hvad bruger du superfish til >_< ?




Hej nanaBatman ; )

jeg bruger ikke superfish til den homepage jeg er i gang med. Det var en dropdown menu på en anden.







t