Форум Сайтостроение Веб-строительство

Помогите с jQuery lightBox plugin / daGallery

C
На сайте с 07.07.2008
Offline
82
Capricornus
975

Инфа наверняка есть в сети, но толку не хватает разобраться. Вопрос такой. Рассмотрим галерею, например jQuery lightBox plugin. Когда выводим содержимое галереи на страницу, там повляются ряды фоток. Как сделать так, чтобы выводилась только одна картинка, при клике по которой откравается эта картинка, ну а дальше "next", "prev" и смотрим другие картинки. Т.е. посетитель не должен видеть никаких рядов с картинками! Только скромная картинка внизу страницы сайта: типа "случайное изображение", при клике по которому открываются другие изображения без левых страниц.

Как такое сделать? Возможно ли изменить количество выводимых изображений в lightbox до одного в блоке "случайное изображение"?

Мне больше всего приглянулись jQuery lightBox и daGallery, впрочем они все почти под одну гребенку :)

И еще вопросик. Может есть такая галерея, чтобы только кидаешь изображение, а она сама делает миниатюры и все остальное. Чтобы не приходилось каждый раз генерировать код 

<li>

            <a href="photos/image1.jpg" title="...">

                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />

            </a>

        </li>

Разумеется простая, типа лайтбокса, без БД.:)

Заранее благодарен!

rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#1

нет, можно сделать чтобы отображалось в маленьком размере 

		<a align="center" title="разрешение: 800X1220 ; Размер: 350.0 кб" href="/photo/view/63/1828"><img align="center" src="/images/63/1828.jpg"  alt="" style="max-width:800px; max-height:1220px" border="0" /></a>

так же можно рерайзить:

примерно так:

http://www.x0.org.ua/blog/user/1/view/47 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>

<script type="text/javascript">







        

function openpict(pict) {        

        

            var wnd = window.open( pict, "none", "top=100,left=100,width=800,height=500,resizable=0,scrollbars=yes,status=yes");

                

             var currWidth_start = $(wnd.document).find("img").get(0).offsetWidth;

             var currHeight_start = $(wnd.document).find("img").get(0).offsetHeight;

                     

             

            $(wnd.document).find("img").css("width", "800px");

            $(wnd.document).find("img").css("height", "500px");            

            

            $(wnd.document).ready(function() {

                $(wnd.document).find("img").click(function() {

                    var currWidth = $(this).get(0).offsetWidth;

                    var newWidth = (currWidth > 801) ? "800px" : currWidth_start;

                    var newHeight = (currWidth > 801) ? "500px" : currHeight_start;

                    

                    $(this).css("width", newWidth);

                    $(this).css("height", newHeight);

                });

            });

}

  

  

</script>

</head>



<body>

    <p><a href="javascript:openpict('or_353_2.jpg')" id="imglink">open image</a></p>

</body>

</html>
Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий