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

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

na3uTuB4uk94
Проверенные
Сообщений 28
+
+2266
-
Ваши награды 2
na3uTuB4uk94 написал: В ответ пользователя na3uTuB4uk94 Написано 28 Декабря 2015 в 16:57
Сообщение № 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
Сообщений 270
+
+2162
-
Ваши награды 2
Handyman написал: В ответ пользователя Handyman Написано 28 Декабря 2015 в 17:35
Сообщение № 3
Цитата na3uTuB4uk94 ()
[screens]картинка.png[/screens]

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

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

Handyman
VIP
Сообщений 270
+
+2162
-
Ваши награды 2
Handyman написал: В ответ пользователя Handyman Написано 28 Декабря 2015 в 21:54
Сообщение № 5
Цитата na3uTuB4uk94 ()
Должно работать, у меня работает. Ты $MESSAGE$ в id сделал?

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

na3uTuB4uk94
Проверенные
Сообщений 28
+
+2266
-
Ваши награды 2
na3uTuB4uk94 написал: В ответ пользователя na3uTuB4uk94 Написано 30 Декабря 2015 в 10:52
Сообщение № 6
Цитата Handyman ()
Я для форума хочу сделать, и для ЛС

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

Handyman
VIP
Сообщений 270
+
+2162
-
Ваши награды 2
Handyman написал: В ответ пользователя Handyman Написано 30 Декабря 2015 в 14:59
Сообщение № 7
Нашел способ, сделал так:
Код
<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 из 11
Поиск:
Топ пользователей: