Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Lytebox на форуме (слайдшоу и фотогалерея)


Lytebox на форуме (слайдшоу и фотогалерея)

Сообщений 241 страница 260 из 270

241

nogard написал(а):

То есть флеша и всплывающих подсказок нету?

:glasses: Никто не мешает установить скрипт rps - Romych ниже данного скрипта (и сss в HTML верх)
И будет и то и другое - оно с друг другом совместимо - текущие, уже залитое - будет отражаться данным скриптом, установленное с тегами - скриптом от Romych

0

242

Deff написал(а):

Никто не мешает установить скрипт rps - Romych ниже данного скрипта (и сss в HTML верх)
И будет и то и другое - оно с друг другом совместимо - текущие, уже залитое - будет отражаться данным скриптом, установленное с тегами - скриптом от Romych

а одним .js файлом нельзя обойтись? а то получается в вашем варианте, тот же код что и у rps - Romych, только еще своего дописано следом.

0

243

nogard написал(а):

а одним .js файлом нельзя обойтись? а то получается в вашем варианте, тот же код что и у rps - Romych, только еще своего дописано следом.

А чо собственно вы теряете - В вашем Варианте два скрипта и тут два

( Лайтбоx - у мну объединён со скриптом
И Лайтбох css тож

Т.е скрипты библиотек не используете

Советую пока использовать как есть пару недель - поскольку возможны замечания правки...

Как файл устаканицо - мон и перезаливать

Карочь - делайте как удобно(Опыт у Вас есть) - потом наверно мон и разделить...( подумаю

Отредактировано Deff (Чт, 5 Янв 2012 23:05:53)

0

244

Deff написал(а):

Советую пока использовать как есть пару недель - поскольку возможны замечания правки...

Как файл устаканицо - мон и перезаливать

ну вообще да, спс)

а не со всех хранилищ изображений работает?

0

245

nogard написал(а):

а не со всех хранилищ изображений работает?

Точно работает в Постах с
местного http://uploads.ru/  с savepic , с радикала в постах
по всем прямым ссылкам в ссылке перед превью - остальные должны отображацо фреймом(кофейная окантовка...

0

246

Deff написал(а):

Точно работает в Постах с
местного http://uploads.ru/  с savepic , с радикала в постах

тогда вообще хорошо, завтра отпишусь как оно работает в перемешку

+1

247

nogard написал(а):

файлы залить сейчас на форум не проблема, единственно что все картинки тоже заливать надо, а их не мало) ну и соответственно править в скрипте ссылки на них.

можно попробовать сотворить некий спрайт со всеми необходимыми иконками и подогнать под них стиль, не трогая дефолтный,
грузим его себе на форум, если все картинки будут одним, двумя спрайтами сделаны, время обращения к серверу сократится,
остаётся только подогнать стиль под спрайт
я нет силён в фотошопе, но примерно такой должен получиться общий спрайт с иконками (у меня тут только часть)

http://uploads.ru/t/X/m/Y/XmYb5.png

и соответственно стиль под них, примерно такой

<style>
a[id^="lbNext"], a[id^="lbPrevHov"], a[id^="lbClose"] {
    background-image     : url(здесь адрес спрайта с иконками) !important;
    background-color     : transparent;
    background-repeat    : no-repeat;
}

#lbClose.black, #lbCloseTop.black {
    height               : 26px;
    width                : 26px;
    background-position  : -0px -0px;
}

#lbNext.black, #lbNextTop.black {
    height               : 26px;
    width                : 26px;
    background-position  : -278px -0px;
}

#lbNext.blackOff, #lbNextTop.blackOff {
    height               : 26px;
    width                : 26px;
    background-position  : -304px -0px;
}

#lbPrevHov.black:hover, #lbPrevHov.black:visited {
    height               : 26px;
    width                : 26px;
    background-position  : -330px -0px;
}
</style>

мой пример сделан под чёрный стиль оформления, но общими усилиями можно допилить универсальный, главное чтоб кто-нибудь нарисовал спрайт со всеми икноками (кроме разве что гифок загрузки, и всего две - черная и белая), а оптом под него подобьём универсальный css код

+1

248

nogard написал(а):

тогда вообще хорошо, завтра отпишусь как оно работает в перемешку

итак, в хтмл верх вставил библиотеку лайтбокса и его файл ксс, и просто в теги <style> оформление галереи
дальше, в хтмл низ сначала код от Deff, в .js файле

Код:
//СЛАЙД-ШОУ В СООБЩЕНИЯХ ТОПИКА//
if($("#pun-viewtopic").length){
var FirstCheck_to_HOST=true;

 $(".post img[src^='/uploads/']").each(function(){
   $(this).addClass("postimg");
   $(this).attr("alt",$(this).attr("src"));
 });
 $(".post a .postimg").each(function(){
  var a1=$(this).parent("a").attr("href");
  var a2=$(this).attr("src");
  var a3=$(this).attr("alt");
  var a=a1.replace(/^\S*\/click\.php\?/img,'')//убрали Кликер-переход;
  $(this).parents("a").attr("href",a)	      //убрали Кликер-переход из a
  var img_extens=['jpg','png','gif','jpeg']
  var ImgExt=false,aNotExt;for(var i in img_extens){

    var pattern="\\."+img_extens[i]+"$";var regexp=new RegExp(pattern,"img");
    aNoExt=a.replace(regexp,''); if(a!=aNoExt){ImgExt=true;break}};

  if(ImgExt){var S=aNoExt.replace(/\S{5}\/\/uploads\.ru\/\?v=/img,'');
   if(S!=aNoExt){S=a.replace(/\S{5}\/\/uploads\.ru\/\?v=/img,'');
   S=a3.replace(/\/[^\/]*$/img,'/'+S);a=S.replace(/\/\/uploads.ru\/t\//img,'//uploads.ru/i/')};
  } else {if(a.indexOf("http://savepic")!=-1){
    S=a3.replace(/m(\.\S{3,4})$/img,'$1');if(S!=a3){a=S;ImgExt=true;}}
	   }
  if(ImgExt){
    if($.trim(a)!=''){$(this).attr("alt",a);$(this).parents("a").attr("href",a)}
     else{$(this).parents("a").attr("href",$(this).attr("src"));}
  }else {$(this).parents("a").addClass("hTml")}
 });

function Setlytebox(a){
       a.addClass("lytebox");
       if(a.hasClass("hTml")){a.attr("data-lyte-options","group:PostHtml titleTop:true navTop:true")
      } else {a.attr("data-lyte-options","group:PostImg titleTop:true navTop:true");}

}
function ImgPostLoad(){
$(".post .postimg").not(".notPreview").each(function(){var a=$(this).parents("a");
  var w = parseInt($(this).width(),10);//alert(w)
  var h = parseInt($(this).height(),10);j=w-14;
  var c = '<span class=Obrml style="width:'+j+'px;display:inline-block;"></span>';
  var d = '<img style="margin-top:-16px;border:0!important;height:0!important;width:1px!important;margin:0!important;padding:0!important;" src="/i/blank.gif" /><div class=Obr style="z-index:-100;padding:3px 0;position:absolute!important;background-color:#fff;"><a href="****" target="_blank"><span>Переход по ссылке</span></a></div>';
  if(a.length){a.wrap(c);d=d.replace("****",a.attr("href"));a.parent('.Obrml').append(d);if(a.hasClass("hTml")){a.parent('.Obrml').addClass("hTml")};} 
   if(a.length){Setlytebox(a);$(this).addClass("Ref")} else {
    if(w>67 && h > 65){
    var b=$(this).attr("alt");
    $(this).addClass("NoRef");$(this).wrap('<a href="'+b+'" target="_blank"></a>');Setlytebox($(this).parent("a"))
    }}
 });
}

var tst='<div id=show_stLoad style="width:100%;height:12px;border:none transparent;visibility:hidden;"><img id="Gif_test" style="height:100%;width:100%;" src="../i/blank.gif" /></div><script type="text/javascript">';
$("#html-footer").prepend(tst);
function AnimTstLoad(){var a=$("#show_stLoad1,#t_stLoad"),b=$("#show_stLoad1 *");
b.animate({opacity:.05},1800,"linear", function(){a.replaceWith("");});}
function TstLoad(){var a=$("#Gif_test").height();
if(a>11){ImgPostLoad()}else {timerID = setTimeout("TstLoad()",100);return;}}
TstLoad();
}//End //if($("#pun-viewtopic").length){

а потом следом скрипт от rps - Romych, получилось всё отлично и быстро работает.

Romych написал(а):

можно попробовать сотворить некий спрайт со всеми необходимыми иконками и подогнать под них стиль, не трогая дефолтный, грузим его себе на форум, если все картинки будут одним, двумя спрайтами сделаны, время обращения к серверу сократится

Для меня легче перезалить все иконки и править их в скрипте)

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

0

249

nogard написал(а):

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

http://mybb.ru/f/collection/0213.gif Подумаем

Там именно чичас добавил Код исключения ссылок

(*Перед самим скриптом нун вставить Код

<!--Слайдшоу в Топике - исключаем ссылки на служебные Картинки-->
<script type="text/javascript">
/********************************************************
  МАССИВ ССЫЛОК НА КАРТИНКИ, ИСКЛЮЧАЕМЫХ ИЗ СЛАЙД-ШОУ
********************************************************/
var Arr_notPreview =[
"http://uploads.ru/i/j/F/u/jFu2U.png",
"http://uploads.ru/t/F/f/b/FfbrL.jpg",

"End" ];
</script>

далее  код Скрипта ...

Красным - Ваши исключения
nogard- код скрипта - тож поправлен, поскольку Вы уже перезалили к себе ... ( о чём я и спикал вчера

Отредактировано Deff (Пт, 6 Янв 2012 13:28:40)

+1

250

Deff написал(а):

Перед самим скриптом нун вставить Код

служебные, это я так понимаю элементы дизайна?

Deff написал(а):

nogard- код скрипта - тож поправлен, поскольку Вы уже перезалили к себе ... ( о чём я и спикал вчера

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

0

251

nogard написал(а):

служебные, это я так понимаю элементы дизайна?

К примеру - вы вставляете в ссылку в сообщении - Иконку загрузки(Загрузить файл)....(И не хотите, чтобы она обрамлялась или участвовала в слайд-шоу

Актуально так же при пользовании "Новым Модулем ссылок" (там 5 или 6 картинок) обозначающих ссылки

Отредактировано Deff (Пт, 6 Янв 2012 14:04:14)

0

252

Deff написал(а):

Актуально так же при пользовании "Новым Модулем ссылок" (там 5 или 6 картинок) обозначающих ссылки

вообще им не пользуюсь, но вот сейчас установил специально, что бы проверить, всё ок.  сколько там, 6-7 картинок, все кликабельны нормально. И не открываются сразу в галерее, а у вас не так?

Deff написал(а):

Иконку загрузки(Загрузить файл)....(И не хотите, чтобы она обрамлялась или участвовала в слайд-шоу

а, всё. я не так понял сразу
тогда для некоторых скриптов надо, да.

Отредактировано nogard (Пт, 6 Янв 2012 14:06:31)

0

253

nogard написал(а):

И не открываются сразу в галерее, а у вас не так?

:glasses: Гы - а Вы ссылку в сообщениени с ними вставляли ?

0

254

Deff написал(а):

добавил Код исключения ссылок

Самое нужное!! Теперь шикарно выглядит!!! Спасибо..
Deff дизайн был немного по красивей и скорости загрузки картинок было бы здорово, увидеть в будущем.

0

255

jadde2 написал(а):

Самое нужное!! Теперь шикарно выглядит!!! Спасибо..
Deff дизайн был немного по красивей и скорости загрузки картинок было бы здорово, увидеть в будущем.

:glasses: В Исходном сообщении со скриптом изменена структура установки скриптов, ( отделён сам Плагин) - это и чуть быстрее и позволит далее модификацию плагина по скорости и внешнему виду - провести отдельно ( ну и если спрайт ставить - тоже (Старый скрипт уже не поддерживаем

Отредактировано Deff (Пт, 13 Янв 2012 07:33:08)

0

256

Deff написал(а):

Гы - а Вы ссылку в сообщениени с ними вставляли ?

я же потом отредактировал сообщение, дописал, что я не правильно понял :)

Отредактировано nogard (Пт, 6 Янв 2012 17:06:27)

0

257

:glasses: Появились всплывающие подсказки (Они так же свидетельствуют о полной загрузке для слайд шоу

0

258

Romych написал(а):

можно попробовать сотворить некий спрайт со всеми необходимыми иконками и подогнать под них стиль, не трогая дефолтный,

:glasses: Romych, напоролся на трабл в Опере со спрайтом, конкретно 11.5 - 11.6
Если меняем фоновую картинку, - изменяя чисто класс то:
Если идёт спрайтом( т.е Адрес картинки прежний) то всё части новой картинки, попадающие в область старой, не отсвечиваются(остается старая),  меняются только части за пределами старой картинки..
Для изменений - нужно либо вывести за область экрана( при новом введении в окно просмотра -всё исправляется) либо сделать Objekt.toggle().toggle() , поскольку нун искать смену классов и править скрипт(а не только css, думаю задачу нун подкидывать Автору плагина, самостийно - мон напортачить

Отредактировано Deff (Сб, 7 Янв 2012 17:07:59)

0

259

Deff написал(а):

думаю задачу нун подкидывать Автору плагина, самостийно - мон напортачить

тоже уже об этом думал, скорее всего напишу ему

+1

260

Romych написал(а):

тоже уже об этом думал, скорее всего напишу ему

Еще б интересно сообщить об этом трабле

Примечание:                                                         
Минус библиотеки Lytebox v5.4:             
Она убивает функцию $(this) - jQuery - в атрибутах
событий HTML контента страницы;                           
К примеру:                                                           
<div onclick="$(this).toggle()"                                       
Поэтому, кодинг ранее использующий данный метод,                 
не будет работать , придётся заменить на подобное или править

Отредактировано Deff (Сб, 7 Янв 2012 22:00:48)

0


Вы здесь » Единый форум поддержки » Корзина » Lytebox на форуме (слайдшоу и фотогалерея)