Вход на сайт
еще раз про joomla и lightbox
216
NEW 15.03.11 22:53
В двух словах, хочу сделать маленькую плюшку дополнительную, что то типа "кадр дня" что ли...чтобы каждый день, ну или почти каждый день было быстродоступное новое фото.
Идея такая, с любой страницы сайта по клику на ссылку в главном меню или кнопочку дополнительную сразу же открывалось нужное фото в эффекте лайт-бокс. Т.е. нет проблем сделать так, чтобы сначала открылось уменьшенное фото, а потом по клику на него главное фото в полном размере в лайт-боксе. Но я хочу сразу же, по клику на ссылку или кнопку - открылось фото в лайтбоксе - нажал закрыть - закрылось.
Как то все это подошло к идее сделать кнопку миниатюрой для лайтбокса. Поскольку стандартных модулей или плагинов для джумлы, отдельно или в составе галерей великое множество, но внедрить в стандартное решение для джумлы нужную мне функциональность не получается пока. Можно например вставить модуль или плагин в статью, но нет смысла переходить на статью, и ставить там скажем кнопку в виде миниатюры...
Если же, если я правильно размышляю, вообще абстрагироваться от joomla, взять плагин на jquery (я для примера взял вот этот ), и затем интегрировать его в свой шаблон, то тогда да, вроде бы как можно....
Но вот конкретно с этим плагом, встраиваю в корень шаблона, в индекс прописываю что надо - и все работает, но два непонятных момента.
Лайтбокс-эффект работает только на главной, на любой другой клик по кнопке просто открывает в этом же окне фото в полном объеме.
И второе, как то непонятно почему, как раз на главной, где эффекс есть, любая пнг - кнопка на бесцветном фоне почему то в обрамлении по периметру.
вот так -

На других страницах, где эффекта нет, кнопка выглядит нормально.

Сама кнопка чисто для тестов, не для дизайна и критики, важно что она в пнг с бесцв. бекграундом..
В общем, может кто что подскажете, как бы все это дело причесать, чтобы нормально работало, на всех страницах а не только на главной..
Идея такая, с любой страницы сайта по клику на ссылку в главном меню или кнопочку дополнительную сразу же открывалось нужное фото в эффекте лайт-бокс. Т.е. нет проблем сделать так, чтобы сначала открылось уменьшенное фото, а потом по клику на него главное фото в полном размере в лайт-боксе. Но я хочу сразу же, по клику на ссылку или кнопку - открылось фото в лайтбоксе - нажал закрыть - закрылось.
Как то все это подошло к идее сделать кнопку миниатюрой для лайтбокса. Поскольку стандартных модулей или плагинов для джумлы, отдельно или в составе галерей великое множество, но внедрить в стандартное решение для джумлы нужную мне функциональность не получается пока. Можно например вставить модуль или плагин в статью, но нет смысла переходить на статью, и ставить там скажем кнопку в виде миниатюры...
Если же, если я правильно размышляю, вообще абстрагироваться от joomla, взять плагин на jquery (я для примера взял вот этот ), и затем интегрировать его в свой шаблон, то тогда да, вроде бы как можно....
Но вот конкретно с этим плагом, встраиваю в корень шаблона, в индекс прописываю что надо - и все работает, но два непонятных момента.
Лайтбокс-эффект работает только на главной, на любой другой клик по кнопке просто открывает в этом же окне фото в полном объеме.
И второе, как то непонятно почему, как раз на главной, где эффекс есть, любая пнг - кнопка на бесцветном фоне почему то в обрамлении по периметру.
вот так -

На других страницах, где эффекта нет, кнопка выглядит нормально.

Сама кнопка чисто для тестов, не для дизайна и критики, важно что она в пнг с бесцв. бекграундом..
В общем, может кто что подскажете, как бы все это дело причесать, чтобы нормально работало, на всех страницах а не только на главной..
NEW 16.03.11 19:14
В Джумле, подключенa другая JS библиотека - mototools. В скриптах под эту библиотеку тоже как и в jQuery используются знаки $. В результате чего происходит путаница и скрипты Jquery не работают (Как то так)
Перепиши в твоих скриптах знаки $ на Jquery, должно заработать.
T.e к примеру вместо
Перепиши в твоих скриптах знаки $ на Jquery, должно заработать.
T.e к примеру вместо
$(document).ready(function() {
$("#myDiv").css("width":"200Px");
});
Надо написать
jQuery(document).ready(function() {
jQuery("#myDiv").css("width":"200Px");
});
NEW 16.03.11 20:59
в ответ Валидол 16.03.11 19:14
ты почти в точку -
в шаблоне каким то местом прописан свой модуль лайтбокс - происходит конфликт двух одинаковых фишек...он у меня конечно же был отключен, получается, надо либо полностью чистить шаблон от интегрированного, и интегрировать свой, либо, включать встроенный на всех страницах, тогда работает, почти как мне надо..
Осталось разобраться, почему в обоих случаях рисунки с контуром остаются..

Осталось разобраться, почему в обоих случаях рисунки с контуром остаются..
NEW 16.03.11 22:42
в ответ Валидол 16.03.11 21:16
похоже на то, там что то конфликтует, щас проводил эксперименты, заметил следующее:
1) на чистом листе написал <a href="photos/image1.jpg"><img src="photos/button.png"></a>
и рядом
<img src="photos/button.png">
там где пнг ссылкой - в лисе и ие такой эффект контура, где просто картинка - нормально.
в опере или хроме - все ок.
2) используя плагин, сслылка на который в первом посте, отдельно, без джумлы, сам по себе - точно так же - в фф и ие - контур, в опере и хроме - все ок.
3) в любой комбинации с джумлой - во всех браузерах получаю контур.
щас гуглю на эту тему, может, чего нарою...
1) на чистом листе написал <a href="photos/image1.jpg"><img src="photos/button.png"></a>
и рядом
<img src="photos/button.png">
там где пнг ссылкой - в лисе и ие такой эффект контура, где просто картинка - нормально.
в опере или хроме - все ок.
2) используя плагин, сслылка на который в первом посте, отдельно, без джумлы, сам по себе - точно так же - в фф и ие - контур, в опере и хроме - все ок.
3) в любой комбинации с джумлой - во всех браузерах получаю контур.
щас гуглю на эту тему, может, чего нарою...
NEW 16.03.11 23:06
в ответ Валидол 16.03.11 19:14
Перепиши в твоих скриптах знаки $ на Jquery, должно заработать.
------
Этого не хватит.
В смысле - это позволит нормально работать mototools, но его $ будет по-прежнему шорткатом для JQuery.
Надо запрещать JQuery распознавать $ как шорткат. Где-то в JQuery задается noCоnflict или что-то подобное.
------
Этого не хватит.
В смысле - это позволит нормально работать mototools, но его $ будет по-прежнему шорткатом для JQuery.
Надо запрещать JQuery распознавать $ как шорткат. Где-то в JQuery задается noCоnflict или что-то подобное.