Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Ссылки на схожие материалы с картинками |
| Ссылки на схожие материалы с картинками |
|
В общем хочу выводить схожие материалы с картинкой, нашёл один скрипт, но мне нужно его немного изменить
Код <div style="display:none;" id="similar-torrents"><div style="background:url($IMG_URL1$) 50% 50% no-repeat;background-size:cover;"></div></div> Код <script type="text/javascript"> $('#uRelated li.uRelatedEntry a').each(function(){ var c=$(this),cont=c.parent(),url=this.href,noimg='/no-imgs/_nopic.gif'; $.get(url,{},function(d){ var b=$(d).find('#similar-torrents div:eq(0)')||$(d).find('.eTitle div:eq(0)')||false,src=null; if(b){ for(var i=0;i<b.length;i++){ if(!/ucoz.net/i.test(b[i].src)){ src=b.src; cont.prepend($('<div/>').attr('style','background:url('+$(this).attr('url')+') 50% 50% no-repeat;background-size:cover;').addClass('uRelatedEntry1'));break; }; }; }; };); };); </script> На что нужно заменить эту часть кода ('style','background:url('+$(this).attr('url')+') 50% 50% no-repeat;background-size:cover;') Что бы скрипт вставлял ссылку на картинку в фон блока div я думал так будет работать Код '+$(this).attr('url')+' Но вместо ссылки на картинку в фон вставляется ссылка на материал  Прикрепления:
2431786.jpg
(69.8 Kb)
   Сообщение отредактировал webanet - Пятница, 25 Окт 2013, 00:48:24
|
|
Цитата Rad_van_Cor (  )'+$(this).attr('url')+' Почему url, если ссылка на изображение объявляется в переменной src? |
|
Drinko, так у меня картинка стоит как фоновое изображение.
Код <div style="background:url($IMG_URL1$) 50% 50% no-repeat;background-size:cover;"></div> |
|
Rad_van_Cor, что это меняет, если нужен адрес картинки, а не материала?
url - определяет адрес материала src - адрес изображения Теперь внимание вопрос: так что нужно использовать в background для вывода изображения? |
|
Drinko, да src не работает, скрипт берёт же данные из этого блока:
Код <div style="display:none;" id="similar-torrents"> <div style="background:url($IMG_URL1$) 50% 50% no-repeat;background-size:cover;"></div> </div> А тут нет <img src=""/> что бы было от куда тянуть SRC. и если я в скрипте прописываю '+$(this).attr('src')+' то выводит undefined  Прикрепления:
6733141.jpg
(97.6 Kb)
|
|
Rad_van_Cor, глянул на сайте, вот рабочий вариант:
Код <script type="text/javascript"> $('#uRelated li.uRelatedEntry a').each(function(){ var c=$(this),cont=c.parent(),url=this.href; $.get(url,{},function(d){ var b=$(d).find('.ulightbox:eq(0)'); if(b){ for(var i=0;i<b.length;i++){ if(b[i].href.length > 0) { imagein= 'background:url(\''+b[i].href+'\') 50% 50% no-repeat;background-size:cover;'; } else{ imagein= 'background:url(\'http://studiorr.ucoz.ru/img/no-imgs/_nopic.gif\') 50% 50% no-repeat;background-size:cover'; } cont.wrapInner('<div style="'+imagein+'" class="uRelatedEntry1"></div>');break; }; }; };); };); </script> А вот это вообще лишнее в виде материалов: Код <div style="display:none;" id="similar-torrents"><div style="background:url($IMG_URL1$) 50% 50% no-repeat;background-size:cover;"></div></div> Сообщение отредактировал Drinko - Пятница, 25 Окт 2013, 00:07:41
|
|
Drinko, да что-то этот вариант вообще ни чего не выводит, как будто скрипта вовсе и нет.
Цитата Drinko ( )А вот это вообще лишнее в виде материалов: Это я делал для того, что бы скрипт от туда вытягивал нужные данные. Потому, что по умолчанию там где отображается картинка у меня это сделано так Код <a id="ld-sm-d1-1" class="ulightbox" target="_blank" href="$IMG_URL1$" title="$ENTRY_TITLE$" style="background:url($IMG_URL1$) 50% 50% no-repeat;background-size:cover;"> А мне нужно было именно div, по этому и сделал такую фишку и скрыл её визуально. |
|
Rad_van_Cor, парсер на этом форуме чудит - последние стри строчки поменять на:
}); }); </script> Цитата Rad_van_Cor ( )Это я делал для того, что бы скрипт от туда вытягивал нужные данные. Лишнее, скрипт в моем варианте тянет из постера на странице, если он имеется. |
|
Drinko,
Цитата Drinko ( )парсер на этом форуме чудит Цитата Drinko ( )Лишнее, скрипт в моем варианте тянет из постера на странице, если он имеется. |
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!