Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Ссылки на схожие материалы, оформляем картинками. JavaScript (Оформление ссылок на схожие материалы картинками-превью.)
Ссылки на схожие материалы, оформляем картинками. JavaScript
Дата: Четверг, 20.02.2014, 21:24 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


profitsistema,
Цитата profitsistema, Чт, 20.02.2014, 16:05:13
Вставлял скрипт на сайт, но обои(картинки) не выводит, только ссылки (похожие) и рядом картинка "изображение недоступно"

Ну да.
Изначально, я данный скрипт писал все таки для модулей. Это раз.
Во вторых, он писался под стандартные шаблон.
А в третьих, мало того что в фотоальбоме совсем отличный от модулей шаблон, так еще его недавно и изменили. Последний апп касался именно фотоальбома.

Цитата profitsistema, Чт, 20.02.2014, 16:05:13
и его нужно доработать?

Да. Его нужно подгонять под конкретный шаблон сайта.
Кроме того, вы же понимаете что шаблон фотоальбома отличается от шаблонов модулей.


 
Дата: Четверг, 20.02.2014, 21:27 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


arktom,
Цитата arktom, Чт, 20.02.2014, 13:59:41
Мне бы с вами по скайпу обговорить

Ok


 
Дата: Воскресенье, 02.03.2014, 07:20 |
papajustify
Рядовой
Группа: Проверенные
Сообщений: 19
Награды: 0
Репутация: 0
Статус: Offline


Всем привет!
Уважаемый likbezz, большое спасибо за афигенно полезную штуку, теперь не вылезаю с твоего сайта smile

Единственный затык, может подскажешь, или кто-нибудь из читателей. Не могу вывести текст ПОД картинкой, примеров тут в скринах было предостаточно, думаю можно не кидать.

http://onlyminecraft.ru/video/vip/35/instrukcii/kak_sdelat_verstak_v_majnkrafte - вот так у меня сейчас

Я пытался и так, и эдак в стилях, и вроде бы далеко не новичок, но скрипт смущает, до них пока не добрался. И поэтому никак не пойму, у кого тут какие стили. И как мне задать стиль отдельно для текста, если и картинка, и текст это один и тот же класс?
Юзаю твой код от 11-09-2013.
Код
<script type="text/javascript">  
$('#uRelated li.uRelatedEntry a').each(function(i){  
var c=$(this),o=c.parent(),url=this.href,m='http://likbezz.ru/_theme1/_st/ico/_nopic.gif';  
$.get(url,function(d){var s=m;  
var b=$(d).find('.eText img')||false,a=c.text();  
if(b){  
   for(var i=0,j=b.length;i<j;i++){  
    if(!/(ucoz.net|download.png)/i.test(b[i].src)){  
     s=b[i].src;  
     break;  
    }  
   }  
}  
o.prepend('<a href="'+url+'"><img style="width:125px;height:180px;" class="imgenteries" src="'+s+'" title="'+a+'"></a>');  
});  
});  
</script>

Добавлено (02.03.2014, 07:20)
---------------------------------------------
Точнее и класс, и id. Так-то я сверстаю хоть черта лысого, если видеть стили, но никак не могу разделить картинку и текст. Подсобите, пожалуйста, уважаемые.

 
Дата: Воскресенье, 02.03.2014, 10:29 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Цитата papajustify, Вс, 02.03.2014, 07:20:15
Не могу вывести текст ПОД картинкой, примеров тут в скринах было предостаточно

Третья страница темы
Цитата rons, Вс, 23.06.2013, 18:21:59
Спасибо успокоили. А можно сделать чтоб ссылка под картинкой была не ссылкой а текстом?

Сообщение # 40

Код
o.prepend('<a href="'+url+'"><img style="width:125px;height:180px;" class="imgenteries" src="'+s+'" title="'+a+'"><br />'+a+'</a>');

---


 
Дата: Суббота, 15.03.2014, 20:24 |
papajustify
Рядовой
Группа: Проверенные
Сообщений: 19
Награды: 0
Репутация: 0
Статус: Offline


likbezz,

Большущее спасибо, удалось! Со стилями тоже разобрался, алилуя! smile

А можно ли вывести этот скрипт для раздела онлайн-игр? Там сами картинки выводятся скриптами, не могу найти стили. Со стандартным ".eMessage" не выводятся. Вот скрипт вывода картинок:

Код

$IMGS_ARRAY_JS$
<script type="text/javascript">
function _bldCont(indx){
var bck=indx-1;var nxt=indx+1;
if (bck<0){bck = allEntImgs$ID$.length-1;}
if (nxt>=allEntImgs$ID$.length){nxt=0;}
var imgs='';
for (var i=0;i<allEntImgs$ID$.length;i++){var img=i+1;
if(allEntImgs$ID$[i][0].length<1){continue;}
if (i==indx){imgs += '<b class="pgSwchA">'+img+'</b> ';}
else {imgs += '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+i+');return false;">'+img+'</a> ';}
}
if (allEntImgs$ID$.length>1){imgs = '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+bck+');return false;">« Back</a> '+imgs+'<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+nxt+');return false;">Next »</a> ';}
var hght = parseInt(allEntImgs$ID$[indx][2]); if ($.browser.msie) { hght += 28; };
_picsCont = '<div id="_prCont" style="position:relative;width:' + allEntImgs$ID$[indx][1] + 'px;height:' + hght.toString() + 'px;"><img alt="" border="0" width="' + allEntImgs$ID$[indx][1] + '" height="' + allEntImgs$ID$[indx][2] + '" src="' + allEntImgs$ID$[indx][0] + '"/><div align="center" style="padding:8px 0 5px 0;">'+imgs+'</div></div>';
new _uWnd('wnd_prv',"Скриншоты",10,10,{popup:1,waitimages:300000,autosizewidth:1,hideonresize:1,autosize:1,fadetype:1,align:'center',min:0,max:0 ,resize:1},_picsCont);
}
</script>

Добавлено (15.03.2014, 20:24)
---------------------------------------------
P.S. Классы

.pgSwch
.pgSwchA
.eText
.eMessage

не фурычат, по-прежнему остается скрин "изображение недоступно".

 
Дата: Суббота, 15.03.2014, 20:31 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


papajustify,
Цитата papajustify, Сб, 15.03.2014, 20:24:59
А можно ли вывести этот скрипт для раздела онлайн-игр? Там сами картинки выводятся скриптами,

Они выводятся так, как вы выведете их и там где вы это сделаете.
Там все точно так же как и в любом другом модуле.


 
Дата: Воскресенье, 16.03.2014, 00:18 |
papajustify
Рядовой
Группа: Проверенные
Сообщений: 19
Награды: 0
Репутация: 0
Статус: Offline


Просто шаблон нестандартный, а стили я не могу определить. Где это можно посмотреть, не подскажете?

Добавлено (15.03.2014, 23:33)
---------------------------------------------
* пардон, не стили, а классы. Классы изображений.

Добавлено (16.03.2014, 00:08)
---------------------------------------------
Для модуля видео я прописывал класс "vep-playvideo", методом тыка выяснил из исходного кода. А тут никак не удается.

Добавлено (16.03.2014, 00:18)
---------------------------------------------
Вот например можно тут посмотреть результат:



Поставил eBlock, вывод все равно некорректный. Прошу подсобить, и прислать в личку (или сюда) кошелек WMR для символической благодарности 50р smile


 
Дата: Воскресенье, 16.03.2014, 01:33 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


papajustify,
Цитата papajustify, Вс, 16.03.2014, 00:18:09
Вот например можно тут посмотреть результат

Вместо вот этого:
Код
<script type="text/javascript">if (typeof(allEntImgs9)!='undefined'){var ar=Math.floor(Math.random()*allEntImgs9.length); document.write('<img alt="" title="Скриншоты" src="'+allEntImgs9[ar][3]+'" width="'+allEntImgs9[ar][4]+'" border="0" onclick="_bldCont1(9, ar);" style="cursor:pointer;">');}</script>


Вот это:
Код
<a href="$IMG_URL1$" title="Скриншоты"><img src="<?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?>" style="border:0;" alt=""  title="Скриншоты" /></a>


Все остальное точно также как и в других модулях


 
Дата: Воскресенье, 16.03.2014, 04:18 |
papajustify
Рядовой
Группа: Проверенные
Сообщений: 19
Награды: 0
Репутация: 0
Статус: Offline


likbezz,
Цитата

Вместо вот этого:
Код
<script type="text/javascript">if (typeof(allEntImgs9)!='undefined'){var ar=Math.floor(Math.random()*allEntImgs9.length); document.write('<img alt="" title="Скриншоты" src="'+allEntImgs9[ar][3]+'" width="'+allEntImgs9[ar][4]+'" border="0" onclick="_bldCont1(9, ar);" style="cursor:pointer;">');}</script>
Вот это:
Код
<a href="$IMG_URL1$" title="Скриншоты"><img src="<?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?>" style="border:0;" alt=""  title="Скриншоты" /></a>

Все остальное точно также как и в других модулях


Не помогло. Везде на сайте класс картинок - ulightbox. Поменял как вы посоветовали, кроме того, что скрин игры стал открываться не всплывающим окном, а на отдельной странице, ничего не изменилось.

Добавлено (16.03.2014, 04:16)
---------------------------------------------
Вот как они выводятся на главной странице онлайн-игр:

Код

<div style="height:185px;margin-bottom:15px;"><div style="margin-top:10px;margin-left:20px;"><a href="$ENTRY_URL$"><img width="90%" height="90%"  
  alt="" title="Просмотры: $READS$<?if($SWF_LINK$)?> | Запуски: $RUNS$<?endif?>
  <?if($COMMENTS_URL$)?> | Комментарии: $COMMENTS_NUM$<?endif?>" src="$SCREEN_URL$" border="0"></a>
<div style="margin-left:-15px;font-weight:bold;font-size:13px;text-align:center;background: url("../img/edetails.jpg")"><a href="$ENTRY_URL$"><?if(len($TITLE$)>35)?><?substr($TITLE$,0,33)?>...<?else?>$TITLE$<?endif?></a>
  </div><div class="eDetails">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
  <div style="position:relative;left:50px;top:3px"><?$RSTARS$('20','/.s/img/stars/3/20.png','1','float')?></div>
  </div></div></div>

Добавлено (16.03.2014, 04:18)
---------------------------------------------
Фиг знает, перебрал все уже. У меня для нескольких игр добавлены отдельные условия и оформление (файлы нестандартные):



и вот



, но картинки-то грузились везде одинаково, это не должно влиять, по идее. Да и даже на тех, которые стандартные, не работает.


 
Дата: Воскресенье, 16.03.2014, 09:47 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


papajustify,
Цитата papajustify, Вс, 16.03.2014, 04:18:50
Не помогло. Везде на сайте класс картинок - ulightbox.

Я к тому это написал, что для того что бы скриптом выводилось что-то, в коде материала должна быть картинка.
А у вас она рисуется на ходу - скриптом - в коде ее нет. Если ее нет - нечего выводить.
Вам этот факт понятен?

Цитата papajustify, Вс, 16.03.2014, 04:18:50
Везде на сайте класс картинок - ulightbox.

Ну добавьте.
Для данного скрипта класс картинки роли не играет.

Цитата papajustify, Вс, 16.03.2014, 04:18:50
Вот как они выводятся на главной странице онлайн-игр:

Картинка берется не с главной, а со страницы материала и комментариев к нему.
Следовательно, на этой странице должна быть картинка, и эта картинка должна быть в блоке с классом прописанном в скрипте (желательно первой).
По умолчанию в оригинале скрипта - это eText или eMessage.

В общем, эти два условия должны быть соблюдены для правильной работы скрипта.
Все описание дано в начале темы.
А по ходу - лежат готовые примеры измененных скриптом под различные ситуации.


 
Дата: Суббота, 22.03.2014, 05:07 |
papajustify
Рядовой
Группа: Проверенные
Сообщений: 19
Награды: 0
Репутация: 0
Статус: Offline


likbezz,

Про главную страницу я написал потому, что подумал, может можно вытащить ее скриптом так же, как это делает юкоз, из первоисточника, а не страницы материала. Но это так, чистая болтология и размышления, и скорей всего это не осуществить.

В общем, суть ясна. Правда у меня все равно не получилось, выводились либо картинки "play", либо заглушка. Но ладно, сейчас ковыряться нет времени. Главное, что в разделе с видео все работает, там это намного важнее, а тут можно и информером вывести пока.
Благодарю за помощь.

P.S. Теперь если что нужно, первым делом тут ищу, сайт настоящая кладезь для юкозника smile


 
Дата: Суббота, 22.03.2014, 10:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


papajustify,
Цитата papajustify, Сб, 22.03.2014, 05:07:27
выводились либо картинки "play", либо заглушка

Значит картинка плей была первая в блоке.
Несложно сделать причинно-следственные выводы и изменить код страницы под запрос.


 
Дата: Воскресенье, 18.05.2014, 02:22 |
Генерал-майор
Группа: Проверенные
Сообщений: 408
Награды: 2
Репутация: 8
Статус: Offline


это ж как у болвана времени много,регнулся для того ,чтобы потроллить.
------------------------------------------------------------------------------------
пс: кто там говорил,что я пишу ,где попало?

Добавлено (18.05.2014, 02:22)
---------------------------------------------
долго наверно готовился,удалил все из кеша,затер весь диск,переустановил винду,а перед установкой форматнул диск на низком уровне,нашел халявный вайфай,использовал анонимайзер,а чтобы следов не было,написал его предварительно сам,глубоко вздохнул и ,,,,,, вот он свет Хуеты Позорной через прокси десятка серверов в оффшорных странах у нас на форуме пиздит.

......конченный мудак.

 
Дата: Воскресенье, 18.05.2014, 14:34 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Цитата true, Вс, 18.05.2014, 02:22:42
долго наверно готовился,удалил все из кеша,затер весь диск,переустановил винду,а перед установкой форматнул диск на низком уровне,нашел халявный вайфай,использовал анонимайзер,а чтобы следов не было,написал его предварительно сам,глубоко вздохнул и ,,,,,,

улыбнуло)


 
Дата: Вторник, 10.06.2014, 10:53 |
MisterDoh
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте! Помогите пожалуйста настроить скрипт.
Картинки не отображаются (только та при которой изображение отсуствует)
Код

<div id="uRelated" class="browse-entity-section browse-entity-section-videos" >  
   <h2>Похожие материалы по теме...</h2>  

<?$RELATED_ENTRIES$(5)?>  
   
</div>  

<script type="text/javascript">   
$('#uRelated li.uRelatedEntry a').each(function(){   
var c=$(this),cont=c.parent(),url=this.href,noimg='изображение отсуствует';   
$.get(url,{},function(d){   
var b=$(d).find('.eMessage img:eq(0)')||$(d).find('.eTitle img: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[i].src;   
   cont.prepend($('<img/>').attr('src',src).addClass('uRelatedEntry'));break;   
   };   
};   
if(src==null){cont.prepend($('<img/>').attr('src',noimg).addClass('uRelatedEntry'))}   
};   
});   
});  

</script>


Модуль Видео


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Ссылки на схожие материалы, оформляем картинками. JavaScript (Оформление ссылок на схожие материалы картинками-превью.)
Поиск:


Мобильная версия