Deutsch

еще раз про joomla и lightbox

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

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

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

Надо написать

jQuery(document).ready(function() {
jQuery("#myDiv").css("width":"200Px");
});


#2 
alexnaum свой человек16.03.11 20:59
alexnaum
NEW 16.03.11 20:59 
в ответ Валидол 16.03.11 19:14
ты почти в точку - в шаблоне каким то местом прописан свой модуль лайтбокс - происходит конфликт двух одинаковых фишек...он у меня конечно же был отключен, получается, надо либо полностью чистить шаблон от интегрированного, и интегрировать свой, либо, включать встроенный на всех страницах, тогда работает, почти как мне надо..
Осталось разобраться, почему в обоих случаях рисунки с контуром остаются..
#3 
Валидол старожил16.03.11 21:16
16.03.11 21:16 
в ответ alexnaum 16.03.11 20:59
С модулем подключилась еще и цсс Где-то, какой-то конфликт
#4 
alexnaum свой человек16.03.11 22:42
alexnaum
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) в любой комбинации с джумлой - во всех браузерах получаю контур.
щас гуглю на эту тему, может, чего нарою...
#5 
Валидол старожил16.03.11 23:01
NEW 16.03.11 23:01 
в ответ alexnaum 16.03.11 22:42
Находится на раз, но не в гугле, а или хромом, или Firebug'oм.
Правая кнопка=>елемент унтерзухен
#6 
Murr патриот16.03.11 23:06
Murr
NEW 16.03.11 23:06 
в ответ Валидол 16.03.11 19:14
Перепиши в твоих скриптах знаки $ на Jquery, должно заработать.
------
Этого не хватит.
В смысле - это позволит нормально работать mototools, но его $ будет по-прежнему шорткатом для JQuery.
Надо запрещать JQuery распознавать $ как шорткат. Где-то в JQuery задается noCоnflict или что-то подобное.
#7 
Валидол старожил17.03.11 00:10
NEW 17.03.11 00:10 
в ответ Murr 16.03.11 23:06, Последний раз изменено 17.03.11 00:14 (Валидол)
Да, noCоnflict есть
<script type="text/javascript">jQuery.noConflict();</script>


Но хз.. я тупо переписываю доллары и до сих пор моя мелочь работала/работает

#8 
Murr патриот17.03.11 01:03
Murr
NEW 17.03.11 01:03 
в ответ Валидол 17.03.11 00:10
и до сих пор моя мелочь работала/работает
------
Если ты напишешь что-то для мототооолс, т.е. с $ - тогда должно заломаться.
Правда это не моя область и Я могу ошибаться, но в доках - описано так...
#9