X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> слайд шоу, частная проблема
ottaviano
ottaviano
Topic Starter сообщение 25.1.2011, 16:22; Ответить: ottaviano
Сообщение #1


Физкульт привет всем!

ломаю голову над фото галереей.

беру эту превьюшку и беру вот это слайд шоу
принцип слайд шоу очень простой, чтоб можно было увеличить картинку, необходимо ее обернуть в тэг <a></a> и этому тэгу присвоить класс class="lightbox"

[JS]<script type="text/javascript">
$(function() {
$('a.lightbox').lightBox({fixedNavigation:true});
});
</script>[/JS]
при помощи этой функции все картинки в тягах <а></a> (с классом lightbox) по клику будут увеличиваться.

Моя же проблема в том что я не могу обьеденить превьюшку и слайдшоу, это значит что по клику фото не увеличиваются, то есть не работает скрипт слайд шоу
мой код галерее:

<div class="showcase" id="horizontal">

<a href="#previous" class="controls previous" rel="previous">&ndash;</a>

<a href="#next" class="controls next" rel="next">+</a>

<ul>

<li><a href="./envol_image/1.jpg" title="Slide 1" class="lightbox"><img src="envol_image/1_s.jpg" alt="1" /></a></li>

<li><a href="./envol_image/2.jpg" title="Slide 2" class="lightbox"><img src="envol_image/2_s.jpg" alt="2" /></a></li>

<li><a href="./envol_image/3.jpg" title="Slide 3" class="lightbox"><img src="envol_image/3_s.jpg" alt="3" /></a></li>

<li><a href="./envol_image/4.jpg" title="Slide 4" class="lightbox"><img src="envol_image/4_s.jpg" alt="4" /></a></li>

<li><a href="./envol_image/5.jpg" title="Slide 5" class="lightbox"><img src="envol_image/5_s.jpg" alt="5" /></a></li>

<li><a href="./envol_image/6.jpg" title="Slide 6" class="lightbox"><img src="envol_image/6_s.jpg" alt="6" /></a></li>

<li><a href="./envol_image/7.jpg" title="Slide 7" class="lightbox"><img src="envol_image/7_s.jpg" alt="7" /></a></li>


</ul>

</div>


Надеюсь объяснил доступно!
помогите пожалуйста наладить код, чтоб и превью осталась такой же и при нажатии происходило увеличение (роль скрипта слайд шоу)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 25.1.2011, 16:43; Ответить: MetSerp
Сообщение #2


а в ява скрипт консоль что либо падает? Я просто не видя кода самой функции lightBox могу только предположить по какому принципу вычисляется фул картинка и выводится.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
Topic Starter сообщение 25.1.2011, 16:48; Ответить: ottaviano
Сообщение #3


(MetSerp @ 25.1.2011, 18:43) *
а в ява скрипт консоль что либо падает?

нет ничего
(MetSerp @ 25.1.2011, 18:43) *
Я просто не видя кода самой функции lightBox могу только предположить по какому принципу вычисляется фул картинка и выводится.


сам скрипт слайд шоу (но я бы туда не смотрел :), страшно ))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 25.1.2011, 16:59; Ответить: MetSerp
Сообщение #4


(ottaviano @ 25.1.2011, 18:48) *
(но я бы туда не смотрел :), страшно ))

ну почему же, там есть сайт автора, а на сайте автора скачивается не пакованный скрипт ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
Topic Starter сообщение 25.1.2011, 17:11; Ответить: ottaviano
Сообщение #5


(MetSerp @ 25.1.2011, 18:59) *
ну почему же, там есть сайт автора, а на сайте автора скачивается не пакованный скрипт ;)

совершенно верно, но для меня это погоды не меняет.
я предполагаю что копать нужно не в сторону сляд шоу.
мое предположение:
в превьюшки имеются ссылки изначально, по мне это чтоб считывать действие "клик" мыши по картинке.
етим кликом мы проматываем ленту картинок, так мы можем попасть на 3 или на 4 картинку слева (справа) от центра.
таким образом тeги <а> уже служат для этого,
по этому при добавлению класса lightbox к тeгу <а> ничего не меняет, картинка не увеличивается по клику, так как к тэгу <а> присвоено друге действие.

и если это так, то необходимо перебивать действие тяга а как перемотка на центральной картинке, чтоб кликая по центральной происходило ее увеличение.

могу ошибатся
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 25.1.2011, 17:22; Ответить: MetSerp
Сообщение #6


можно как то увидеть пример того что у вас не получается ? а то с трудом представляю как воспроизвести вашу ошибку у себя, особенно после поста выше %-)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
Topic Starter сообщение 25.1.2011, 20:47; Ответить: ottaviano
Сообщение #7


выкладываю пример и маленькое объяснение:

первым делом откройте страницу и убедитесь что вы видите две галерее с картинками.
никуда не кликая уберите из кода эту строку:
<script type="text/javascript" src="prototype.js"></script>

зачем? с ней не работает функция слядшоу! Но без нее нарушается структура второй (нужной мне) галереи!

и как добиться чтоб и галерея (вторая) была в порядке и при нажатии на центральную картинку во второй галерее, она бы увеличивалась (как любые другие картинки когда удаляем из кода эту линию: <script type="text/javascript" src="prototype.js"></script>)

заранее спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 26.1.2011, 0:08; Ответить: MetSerp
Сообщение #8


мм, а не конфликт ли это жквери с прототайпом?
добавьте в самое начало использование скриптов
http://api.jquery.com/jQuery.noConflict/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
Topic Starter сообщение 26.1.2011, 0:21; Ответить: ottaviano
Сообщение #9


(MetSerp @ 26.1.2011, 02:08) *
добавьте в самое начало использование скриптов

я что-то сообразить не могу что и куда добавить...
Судя по сообщению, вы не пробовали?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 26.1.2011, 1:03; Ответить: MetSerp
Сообщение #10


ну учитывая что вы не использовали эту функцию а используете прототип + jquery и у них возникает конфликт за $ потому и предположил.

сейчас погоняв пример:
в консоль таки падает ошибка:
Uncaught TypeError: Cannot call method 'lightBox' of null
(anonymous function)horizontal.html:16
c.b.extend.readyjquery-1.4.4.min.js:29
c.ujquery-1.4.4.min.js:37

на основании этого я воспользовался не сокращенным $ а полным jQuery
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="jquery.lightbox-0.5.min.js"></script>
<!-- LIGHBOX -->
<script type="text/javascript">
$(function() {
jQuery('a.lightbox').lightBox();
}); //lighbox
</script>
<!-- END LIGHBOX -->


<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="showcase.js"></script>

так все работает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2308 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1334 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1397 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4711 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2679 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 19.3.2024, 14:49
Дизайн