|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
19.07.2010, 15:41 | #1 |
Пользователь
Регистрация: 23.10.2008
Сообщений: 46
|
Галерея для сайта
В яваскрипт я новичек... Мне нужна галерея на сайт типа как на картинке
галерея работает с изображениями в папке... по нажатию на стрелки изображение меняется на следующее.. если изображений больше 4-х то либо кусочек следующих изображений выглядывает из за границ документа либо внизу прокрутка... |
19.07.2010, 16:00 | #2 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
А что Вы сами уже сделали?
|
19.07.2010, 16:57 | #3 |
Пользователь
Регистрация: 23.10.2008
Сообщений: 46
|
Я? Ничего я не сделал это просто картинка... ну я если быть точным сделал галерею где картинки вряд идут и при нажатии на одну из них она появляется в больом размере рядом... но мне надо чтобы были стрелки влево вправо и активная картинка выделялось более широкой рамкой
Последний раз редактировалось BloodWizard; 19.07.2010 в 17:01. |
08.08.2010, 16:09 | #4 |
php / delphi
Форумчанин
Регистрация: 10.06.2007
Сообщений: 175
|
О чем речь ) Конечно подскажу. Для таких задач есть куча готовых методов решения.
Как новичку JS крайне рекомендую изучать jQuery. Пользоваться ей очень просто. Если в хочешь построить на основе этой библиотеки, то наилучшие галереи под нее -> FancyBox, LightBox... Если не хочешь (некогда) пользоваться jQuery. Тогда используй HighSlide JS - это, пожалуй самая чёткая и крутая галерея, круче чем даже Фанси- и лайт боксы вместе взятые (не представляю как такое возможно, и тем не менее). Этот пример, очень похож на то что тебе нужно )) От тебя лишь требуется написать ServerSide - часть, которая будет подготавливаться иконки, и выводить ссылки на картинки в нужном формате.
G.Azamat { Web Development / Computer simulation }
Начинающий программист думает, что в килобайте 1000 байтов, а законченный уверен, что в километре 1024 метра. |
15.08.2010, 00:11 | #5 |
Пользователь
Регистрация: 23.10.2008
Сообщений: 46
|
Начал писать и втупляю
Код HTML:
</style> <script type="text/javascript"> $(document).ready(function(){ $("h2").append('<em></em>') $(".thumbs a").click(function(){ var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); var nextImg = $(this).next().attr("href"); $("#btn_next").attr({ href: largePath, alt: largeAlt }); $("#largeImg").attr({ src: largePath, alt: largeAlt }); $("h2 em").html(" (" + largeAlt + ")"); return false; }); $("#btn_next").click(function(){ } ) }); </script> <body> <h2>Illustrations</h2> <p><img id="largeImg" src="images/img1-lg.jpg" alt="Large image" /></p> <a id="btn_next" name="back" href="images/img1-lg.jpg" title="Image 2"><img border="0" id="btn" src="images/Back.jpg" /></a> <div class="thumbs" style="display:inline-block;"> <a href="images/img2-lg.jpg" title="Image 2"><img src="images/img2-lg.jpg" /></a> <a href="images/img3-lg.jpg" title="Image 3"><img src="images/img3-lg.jpg" /></a> <a href="images/img4-lg.jpg" title="Image 4"><img src="images/img4-lg.jpg" /></a> <a href="images/img5-lg.jpg" title="Image 5"><img src="images/img5-lg.jpg" /></a> </div> <a id="btn" name="next" href="images/img3-lg.jpg" title="Image 3"><img border="0" id="btn" src="images/Next.jpg" /></a> </body> </body> |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Фото галерея | Зайцев Александр | HTML и CSS | 1 | 28.06.2009 10:20 |
Галерея изображений в паскале | Akashi | Помощь студентам | 2 | 14.01.2009 21:43 |
Требуется специалист для создания сайта со строгой аутентификацией или зашифрованного сайта. | artembar | Фриланс | 1 | 01.09.2008 16:11 |
Бесплатный движок для САЙТА на Java Script для Бесплатных Хостингов | антигерой | HTML и CSS | 0 | 15.04.2007 21:39 |