Помогите с настройкой фотогалереи на jquery

[dmitry341mg]

Я настраиваю галерею по этому примеру http://sorgalla.com/projects/jcarousel/exa...l_thickbox.html

Сделал все идентично, но почему то не работает, немогу понять почему. Вот что получилось http://rkp-trans.ru/photo

Если знаете в чем может быть дело, напишите пожалуйста.

И второй вопрос:

Можно ли на этой же странице сделать еще несколько таких же галерей? Что для этого нужно?

[s0rr0w]

Я настраиваю галерею по этому примеру http://sorgalla.com/projects/jcarousel/exa...l_thickbox.html

Сделал все идентично, но почему то не работает, немогу понять почему. Вот что получилось http://rkp-trans.ru/photo

Если знаете в чем может быть дело, напишите пожалуйста.

Вот типичный пример неудачного плагина. Вот как понять, на какой стадии не работает? Как вообще понять, что еще нужно для того, чтобы плагин заработал? Я прикручивал уже такое чудо, и напарывался на такие же проблемы.

[Nekromancer]

Плагины говно, лучше самому написать если вы всё таки решили использовать библиотеку.

[rus]

Да уж, скрипт действительно хреновый, попробовал сам - не получилось.

Вот тупо взял и скопипастил и все разлетелось.

Автор:

Можешь попробовать вот этот если подойдет конечно.

[Justnewone]

Автор:

Можешь попробовать вот этот если подойдет конечно.

Ивините не в тему, но не удержался )))

Бегующий телефон это круто )))))))))

"мы сделали все, чтоб нам было сложнее позвонить"

а галерейка веселая.

[rus]

Ивините не в тему, но не удержался )))

Бегующий телефон это круто )))))))))

"мы сделали все, чтоб нам было сложнее позвонить"

а галерейка веселая.

Сейчас очень трудно спорить и доказывать заказчику что ты "не олень" и поэтому результат на лицо.

В смысле веселая? Это фотки сам директор делал и попросил их выложить.

Вобщем давай не будем off_топить

[onqu]

2rus, торопитесь, уважаемый. В итоге невнимательность.

1. В вашем skin.css есть код на картинки - стрелки, для управления, но картинки отсутствуют по указанному адресу rkp-trans.ru/tbcss/prev-horizontal.gif и rkp-trans.ru/tbcss/next-horizontal.gif, вот и нет управляющих стрелок:

.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.gif) no-repeat 0 0;
}

и

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
}

Edited April 29, 2009 by onqu

[onqu]

Вот еще наткнулся случайно, первая строка из thickbox.js:

// JavaScript Document/*
 * Thickbox 3 - One Box To Rule Them All.
 * By Cody Lindley (http://www.codylindley.com)
 * Copyright © 2007 cody lindley
 * Licensed under the MIT License: [url="http://www.opensource.org/licenses/mit-license.php"]http://www.opensource.org/licenses/mit-license.php[/url]
*/

Кто же умудрился такой комент сделать? В оригинальном файле такого нет

[rus]

2rus, торопитесь, уважаемый. В итоге невнимательность.

1. В вашем skin.css есть код на картинки - стрелки, для управления, но картинки отсутствуют по указанному адресу rkp-trans.ru/tbcss/prev-horizontal.gif и rkp-trans.ru/tbcss/next-horizontal.gif, вот и нет управляющих стрелок:

Да ну ладно! Эти как раз есть, а вот этих нет (их и там нет):

next-vertical.gif

perv-vertical.gif

Hо суть от этого не меняется!

Edited April 29, 2009 by rus

[onqu]

Да ну ладно! Эти как раз есть, а вот этих нет (их и там нет):

next-vertical.gif

perv-vertical.gif

Hо суть от этого не меняется!

У меня все заработало, как только поменял в Вашем thickbox.js первую строку с // JavaScript Document/* на /*

[dmitry341mg]

Спасибо всем! Вот что получается http://rkp-trans.ru/photo .

Подскажите плз. где накосячил, а то уже все утро сижу, не могу понять что не так.

[rus]

Спасибо всем! Вот что получается http://rkp-trans.ru/photo .

Подскажите плз. где накосячил, а то уже все утро сижу, не могу понять что не так.

На сколько я понял ты таки решил попробовать мой пример?

Ну раз так то сделай все в точности так же как тут, это что б ты не путался в подключаемых плагинах и стилях. Только стрелочки не забудь скачать.

Edited April 30, 2009 by rus

[dmitry341mg]

И так, в результате моих мучений у меня получилось следующее http://rkp-trans.ru/photo

Результат как видите есть, но не то, что нужно. При добавлении более трех лент галереи, она начинает глючить. Кнопки прокрутки исчезают, opera зависает при открытии этой страницы.

Можно ли это вылечить?

Edited May 1, 2009 by dmitry341mg

[rus]

И так, в результате моих мучений у меня получилось следующее http://rkp-trans.ru/photo

Результат как видите есть, но не то, что нужно. При добавлении более трех лент галереи, она начинает глючить. Кнопки прокрутки исчезают, opera зависает при открытии этой страницы.

Можно ли это вылечить?

Более одной нельзя, там стоит id, а он как ты знаешь должен быть в одном экземпляре, вот и косяки.

Сделай просто линки на страницы с разными галереями.

З.Ы. этот код должен стоять между </body> и </html>:

</body>
<script type="text/javascript" charset="utf-8">
$("a[rel^='prettyPhoto']").prettyPhoto({showTitle:false}); 
$('ul.gallery:first').prettyGallery({itemsPerPage:3, navigation:'bottom', animationSpeed:'slow'});
</script>
</html>

Edited May 2, 2009 by rus

[dmitry341mg]

Кто-нибуть знает почему картинки в опере открываюися в отдельном окне, а ни как положено увеличиваются. В IE открываются как надо.

http://rkp-trans.ru/photo

[onqu]

Похоже, что конфликт с mootools.js, отключите его, если не используете.

[dmitry341mg]

Похоже, что конфликт с mootools.js, отключите его, если не используете.

Отключил, помогло. Вроде все работат, значит не использовался))))

Спаибо!

Теперь другая проблема:

Когда увеличивается фотка, на верх вылезает полоса с заголовком "Фотографии перевозок" http://rkp-trans.ru/photo

Пробовал прописать в стилях для нее z-index:-1, не помогло.

Установил IE 8, картинка в нем увеличивается нормально (заголовок не вылезает), но в этом IE 8 сам заголовок не отображается в место него "XXX". Ужас!

Нашел в iE 8 "представление совместимости", нажал и заголовок отображается как надо, и вылезает пре увеличении фотографии)))

Кто-нибуть знает как бороться с этими косяками?

Edited May 5, 2009 by dmitry341mg

[onqu]

Касяк теперь из-за functions.js, это скрипт от mootools?

[dmitry341mg]

Касяк теперь из-за functions.js, это скрипт от mootools?

Не помогло. ((

[onqu]

Теперь ясно почему не было ошибок при открытии с локального диска. Не мешает почитать доки по скрипту И нужны Вам эти шрифты?

http://wiki.novemberborn.net/sifr3/How+to+use

Important: sIFR only works when you load it from a webserver. If you open it directly from your harddrive, it won't work due to security restrictions in Flash.