webForumDet fria alternativet

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

HTML & CSS

2 svar · 578 visningar · startad av wally_91

Medlem sedan feb. 2006511 inlägg
Frågan#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.

495 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
127 ms — deklarationer (db)
124 ms — hämta statistik (db)
237 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)