• Страница 1 из 1
  • 1
Форум » Форум веб мастеров » uCoz » Как добавить класс ulightbox к изображению в спойлере
Как добавить класс ulightbox к изображению в спойлере

Handyman
VIP
Сообщений 272
+
+2162
-
Ваши награды 2
Есть такой мини скрипт
Код
<script type="text/javascript">
$('.uSpoilerText img').addClass('ulightbox');
</script>
, так вот, мне на форум нужно, чтобы изображение такого типа как
Код
[img]тут типа ссылка[/img]
при клике, оно было так:
. Так вот, скрипт которыц выше работает, но при клике, изображение тупо пропадает и все, как это "починить"? За ранее спасибо.
«Пред. тема След. тема»

na3uTuB4uk94
Проверенные
Сообщений 29
+
+2266
-
Ваши награды 2
1. Заходишь на страницу: Каталог файлов - Страница материала и комментарию к нему
2. Закрываешь тег $MESSAGE$ в id="msg", <div id="msg">$MESSAGE$</div>
3. Ниже добавляешь скрипт:
Код
<script type="text/javascript">
var msgtag = document.getElementById('msg').innerHTML;
var msgtag_replace = msgtag.replace(/\[screens\](.*?)\[\/screens\]/gi,'<div class="screen">$1</div>');
document.getElementById('msg').innerHTML = msgtag_replace;
$('.screen').each(function() {
$(this).html($(this).html().replace(/(http:\/\/[\w./-]+)[^\s"<]/gi,'<a href="$1" class="ulightbox" rel="group" data-fancybox-group="group" target="_blank" alt=" screenshot" title="Нажмите, для просмотра в полном размере..."><img alt="" style="margin:0;padding:0;border:0;" src="$1" width="250"/></a>  ').replace(/\.jp/gi,'.jpg').replace(/\.gi/gi,'.gif').replace(/\.pn/gi,'.png').replace(/<br>/gi,''));
});
</script>

4. Когда добавляешь новость то делай так: [screens]картинка.png[/screens]
5. Готово, картинки будут выводиться именно так как ты хочешь.
подпись: na3uTuB4uk94

Handyman
VIP
Сообщений 272
+
+2162
-
Ваши награды 2
Цитата na3uTuB4uk94 ()
[screens]картинка.png[/screens]

Тогда по спойлером не работает http://prntscr.com/9jgav2

na3uTuB4uk94
Проверенные
Сообщений 29
+
+2266
-
Ваши награды 2
Должно работать, у меня работает. Ты $MESSAGE$ в id сделал?
подпись: na3uTuB4uk94

Handyman
VIP
Сообщений 272
+
+2162
-
Ваши награды 2
Цитата na3uTuB4uk94 ()
Должно работать, у меня работает. Ты $MESSAGE$ в id сделал?

Я для форума хочу сделать, и для ЛС

na3uTuB4uk94
Проверенные
Сообщений 29
+
+2266
-
Ваши награды 2
Цитата Handyman ()
Я для форума хочу сделать, и для ЛС

Я только для каталога файлов знаю, с другими модулями не работал, так что извини) Чем смог, тем помог)
подпись: na3uTuB4uk94

Handyman
VIP
Сообщений 272
+
+2162
-
Ваши награды 2
Нашел способ, сделал так:
Код
<script type="text/javascript">
$(".uSpoilerText img").each(function(){
if($(this).attr("src").length>0){
var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");
$(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');
};
});
</script>
Форум » Форум веб мастеров » uCoz » Как добавить класс ulightbox к изображению в спойлере
  • Страница 1 из 1
  • 1
Поиск:
Друзья сайта:
Связаться с администратором для дружбы! В Вовчик
Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94
Web-мастер системы uCoz R Roman_Domnin
Связаться с администратором для дружбы! В Вовчик
Связаться с администратором для дружбы! В Вовчик
Топ пользователей: