Visa bilder på ett snyggt sätt, HUR?

HTML & CSS

2 svar · 588 visningar · startad av wally_91

Medlem sedan feb. 2006511 inlägg
Trådstart#1

Hej alla på wF!

Jag undrar hur jag ska göra så att när man klickar på varje bild att den kommer fram.

Nu så har vi 12 bilder på vänster sida om "den stora bilden" och det jag vill göra är när man klickar på en miniatyr så kommer miniatyren upp som stor.

Ni kan se hur jag menar på hemsidan,

https://www.l1s.se

Tack på förhand!

//wally_91

Medlem sedan dec. 20025 483 inlägg
#2

Hej!

Det kan du använda JS för:

                          <td><img src="bilder/bilder_fredagar/fre28okt/fre11liten.jpg" width="90" height="71" [red]onclick="showLargeVersion('bilder/bilder_fredagar/fre28okt/fre11stor.jpg', 'largeImg')"[/red]></td>
                        </tr>
                    </table></td>

                    <td width="468" align="right" valign="top"><img src="bilder/bilder_fredagar/fre28okt/fre00.jpg" width="468" height="368" [red]name="largeImg"[/red]></td>
                  </tr>
                </table>
function showLargeVersion(file, img)
{
  document.images[img].src = file;
}

Som första argument skickar du alltså in filnamnet på den större versionen av bilden och som andra argument värdet på name-attributet där den skall laddas.

Medlem sedan feb. 2006511 inlägg
#3

Ok. Ska prova med det.

470 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
341 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)