Премини към съдържанието
ZFPuhi

Помощ с html / css / js код за галерия

Препоръчан отговор


Здравейте, искам да попитам дали може да ми помогнете да оправия следният код да бъде Голяма снимка и от долу малките снимки.

В момента thumbnails-сите излизат от ляво а голямата снимка от дясно, искам Thumbnails-сите да са Под голямата снимка.

<html><head><title>Image Gallery</title><style>body {background-color:#FFFFFF;color:#000000;font-family:Arial;font-size:11pt;letter-spacing:1;}.thumbnail {border:1px solid #000000;}.thumbSelected {border:1px solid #000000;}</style> <script language=javascript>var lastID = 0;function SelectImg(id) {if (lastID > 0) {document.getElementById(lastID).className = "thumbnail";}document.getElementById(id).className = "thumbSelected";document.getElementById(0).src = document.getElementById(id).src;lastID = id;}function LoadTrigger() {SelectImg(1);}window.onload = LoadTrigger;</script> </head> <body><center><b>Click on a thumbnail to view it full size.</b><table cellpadding="0" cellspacing="0"><tr><td align="center" valign="top"><img id=1 class="thumbnail" src="galllery thumbnails/cayenne.JPG" width=140 onclick="SelectImg(1)"> <img id=2 class="thumbnail" src="galllery thumbnails/patrol.JPG" width=140 onclick="SelectImg(2)"> <img id=3 class="thumbnail" src="galllery thumbnails/bmwX5.JPG" width=140 onclick="SelectImg(3)"><br><img id=4 class="thumbnail" src="galllery thumbnails/lexsus.JPG" width=140 onclick="SelectImg(4)"> <img id=5 class="thumbnail" src="galllery thumbnails/s500black.JPG" width=140 onclick="SelectImg(5)"> <img id=6 class="thumbnail" src="galllery thumbnails/escalade.JPG" width=140 onclick="SelectImg(6)"><br><img id=7 class="thumbnail" src="galllery thumbnails/Q7.JPG" width=140 onclick="SelectImg(7)"> <img id=8 class="thumbnail" src="galllery thumbnails/s600b7.JPG" width=140 onclick="SelectImg(8)"></td><td width="10"></td><td align="center" valign="top"><img id=0 src=""></td></tr></table></center></body>

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Ако имаш това в предвид ето ти кода:

<html><head><title>Image Gallery</title><style>body {background-color:#FFFFFF;color:#000000;font-family:Arial;font-size:11pt;letter-spacing:1;}.thumbnail {border:1px solid #000000;}.thumbSelected {border:1px solid #000000;}</style> <script language=javascript>var lastID = 0;function SelectImg(id) {if (lastID > 0) {document.getElementById(lastID).className = "thumbnail";}document.getElementById(id).className = "thumbSelected";document.getElementById(0).src = document.getElementById(id).src;lastID = id;}function LoadTrigger() {SelectImg(1);}window.onload = LoadTrigger;</script> </head> <body><center><b>Click on a thumbnail to view it full size.</b><table cellpadding="0" cellspacing="0"><td align="center" valign="top"><img id=0 src=""></td><tr><td align="center" valign="top"><img id=1 class="thumbnail" src="galllery thumbnails/cayenne.JPG" width=140 onclick="SelectImg(1)"> <img id=2 class="thumbnail" src="galllery thumbnails/patrol.JPG" width=140 onclick="SelectImg(2)"> <img id=3 class="thumbnail" src="galllery thumbnails/bmwX5.JPG" width=140 onclick="SelectImg(3)"><br><img id=4 class="thumbnail" src="galllery thumbnails/lexsus.JPG" width=140 onclick="SelectImg(4)"> <img id=5 class="thumbnail" src="galllery thumbnails/s500black.JPG" width=140 onclick="SelectImg(5)"> <img id=6 class="thumbnail" src="galllery thumbnails/escalade.JPG" width=140 onclick="SelectImg(6)"><br><img id=7 class="thumbnail" src="galllery thumbnails/Q7.JPG" width=140 onclick="SelectImg(7)"> <img id=8 class="thumbnail" src="galllery thumbnails/s600b7.JPG" width=140 onclick="SelectImg(8)"></td><td width="10"></td></tr></table></center></body>
  • Харесва ми 1

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Регистрирайте се или влезете в профила си за да коментирате

Трябва да имате регистрация за да може да коментирате това

Регистрирайте се

Създайте нова регистрация в нашия форум. Лесно е!

Нова регистрация

Вход

Имате регистрация? Влезте от тук.

Вход

×

Информация

Поставихме бисквитки на устройството ви за най-добро потребителско изживяване. Можете да промените настройките си за бисквитки, или в противен случай приемаме, че сте съгласни с нашите условия за ползване.