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

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

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


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


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

Сообщений 81 страница 100 из 270

81

Romych
На Народ можно) там сайты вроде не удаляются.. вот у меня он как весит уже год, и я там уже много файлов залил. и так живёт... вот к примеру: http://poinet-ferodar.narod.ru/js/jquery-1.3.2.js http://poinet-ferodar.narod.ru/js/reflect.js ... но я просто сказал как вариант...

0

82

FeroDaR, спасибо!!!

0

83

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

вот у него Опера а у вас ИЕ

пользуюсь двумя браузерами Оперой и Mozillой, в них с этими модальными окнами всё нормально, а в IE прям беда

0

84

Romych, спасибо за ответ! Скачала Оперу, все отлично!

0

85

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

хорошо бы привести тут несколько "типовых" вариантов оформления такой галереи в HTML... Ибо и фантазия, и знания не у всех присутствует.

ТУТ пост №39 как раз мою тему с оформлением продолжили, Солнечная Лара прибавила к миниатюрам рамку, что довольно таки эффектно выглядит, пример с её оформлением - здесь

я добавил, рамку так же в основной скрипт (в посты), это тоже только в плюс -  ПРИМЕР

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

0

86

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

0

87

Лафа
Здравствуйте.

Лафа написал(а):

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

Смотрите здесь: News slider (свои новости и реклама на форуме).

+1

88

rps
большое спасибо, как бы вам побольше + наставить, всегда выручаете

0

89

я занялся оптимизацией кода на странице моего форума,
поэтому некоторые скрипты были сокращенны на 30% без ущерба функциональности, но в плюс к скорости работы форума
так что представляю вам оптимизированные версии фотогалереи и shadowbox

в html-верху всё остаётся как прежде (читайте предыдущие посты в этой теме)
а в html-низ следующее:

ФОТОГАЛЕРЕЯ

Код:
<!--Фотогалерея v.2-->
<script language="javascript">
$(function(){
$('div#form-buttons>table>tbody>tr>td#button-hide').before('<td class="mybutton" style=\'background-image:url("http://img502.imageshack.us/img502/9378/cameraromych.png")\' onclick="tag_foto()"><img src="/i/blank.gif" title="Создать фотогалерею"></td>');
});
function tag_foto()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на изображение или сайт", "http://");
var enterTITLE = prompt("Введите вариант:\n lytebox - для одиночного фото\n lytebox[vacation] - для группы фотографий\n lyteshow[vacation] - для слайд-шоу\n lyteframe - для сайта", "lytebox[vacation]");
var enterTITLE2 = prompt("Введите описание", "моё фото");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[myimg]" + enterURL + "|" + enterTITLE + "|" + enterTITLE2 + "[/myimg]");}
elm=document.getElementsByTagName("div")
for(x in elm)
{if(elm[x].className=="post-content") 
   {
post = elm[x].innerHTML;
foto = /\[myimg\](.*?)\|(.*?)\|(.*?)\[\/myimg\]/g
elm[x].innerHTML  = elm[x].innerHTML.replace(foto, "<a href='$1' rel='$2' title='$3'><img style='border-top:1px solid #BBB; border-bottom:1px solid #BBB; padding:5px; background:#ccc; top:2px; margin:5px;' img src='$1' class='postmyimg' width='100'/></a>") 
 }}
</script>

Shadowbox

Код:
<!--Shadowbox разный контент-->
<script type="text/javascript">
$(function(){
$('td#button-hide').before('<td style=\'background-image:url("http://img707.yfrog.com/img707/5896/shadowbox.png")\' onclick="tag_shadow()"><img src="/i/blank.gif" title="Разместить контент (swf,flv,img,html)"></td>');
});
function tag_shadow()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на флэш, видео, изображение или сайт", "http://");
var enterTITLE = prompt("Введите описание\n оно будет отображаться при просмотре", "нечто");
var enterTITLE2 = prompt("Введите размер окна, например height=600;width=800\n\n height - высота; width - ширина\n\n для сохранения оригинального размера, оставьте это поле пустым", "height=600;width=800");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[bulka]" + enterURL + "|" + enterTITLE + "|" + enterTITLE2 + "[/bulka]");}
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
}
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
  {
post = elm[x].innerHTML;
shadow = /\[bulka\](.*?)\|(.*?)\|(.*?)\[\/bulka\]/g
elm[x].innerHTML = elm[x].innerHTML.replace(shadow, "<a rel='shadowbox;$3' href='$1' title='$2' class='previewlink'><img src='http://img4.imageshack.us/img4/5717/1e502.gif'><font color='maroon'>$2</font></a>") 
}
</script>

Отредактировано Romych (Пт, 22 Окт 2010 00:53:27)

+3

90

Подскажите, у меня картинка и обычным способом не отображается. В чем может быть проблема ?

0

91

гостьНК,адрес форума можно.

0

92

http://klubmam.ixbb.ru/

0

93

гостьНК
Здравствуйте.

гостьНК написал(а):

Подскажите, у меня картинка и обычным способом не отображается. В чем может быть проблема ?

Вы не видите изображений на форуме или что? Ибо на нашёл у Вас установленных скриптов фотогалереи или Lytebox. Уточните.

0

94

Romych
Можешь переделать свой скрипт

<!--Shadowbox разный контент-->
    <style type="text/css">
    #button-shadow {background-image:url('http://img707.yfrog.com/img707/5896/shadowbox.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
    </style>
    <script type="text/javascript">
    function addSpoiler_bul(str,from,internal){
        var pos=0,pos2=0,newpos=0
        if((pos=str.indexOf("[bulka]",from))==-1) return str;
        if((pos2=str.indexOf("[/bulka]"),pos+8)==-1) return str;
        newpos=str.indexOf("[bulka]",pos+8)
        if(newpos<pos2 && newpos!=-1) str=addSpoiler_bul(str,pos+8,true)
        if((pos2=str.indexOf("[/bulka]",pos+8))==-1) return str;
        txt = str.substring(pos+7,pos2);
        if((sepPos=txt.indexOf("|",0))==-1) return str;
        txtrest = txt.substring(sepPos+1,txt.length);
        if((sepPos2 = txtrest.indexOf("|",0))==-1) return str;
        str=str.substring(0,pos)+makeSpoiler_bul(
        txt.substring(0,sepPos),
        txtrest.substring(0,sepPos2),
        txtrest.substring(sepPos2+1,txtrest.length)
        )+str.substring(pos2+8,str.length);
        if( str.indexOf("[bulka]")!=-1 && internal==false) str=addSpoiler_bul(str,0,false)
        return str}

    function makeSpoiler_bul(txt1,txt2,txt3){
        txt='<a rel="shadowbox;'+txt3+'" href="'+txt1+'" title="'+txt2+'" class="previewlink"><img src="http://img4.imageshack.us/img4/5717/1e502.gif"><font color="maroon">'+txt2+'</font></a>';
        return txt;
        }
       
        Shadowbox.init({
            language: 'en',
            players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
    });

    function tag_urlsh()
    {var FoundErrors = '';
    var enterURL = prompt("Введите ссылку на флэш, видео, изображение или сайт", "http://");
    var enterTITLE = prompt("Введите описание\n оно будет отображаться при просмотре", "нечто");
    var enterTITLE2 = prompt("Введите размер окна, например height=600;width=800\n\n height - высота; width - ширина\n\n для сохранения оригинального размера, оставьте это поле пустым", "height=600;width=800");

    if (!enterURL)
    {FoundErrors += " " + error_no_url;}
    if (FoundErrors)
    {alert("Ошибка!" + FoundErrors);
    return;}
    insert("[bulka]" + enterURL + "|" + enterTITLE + "|" + enterTITLE2 + "[/bulka]");}

    if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
    var post=elm[x]
    post.innerHTML=addSpoiler_bul(post.innerHTML,0,false)}}
    if(form=document.getElementById("form-buttons"))
    form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img src='/i/blank.gif' title='Разместить контент (swf,flv,img,html)' id='button-shadow' onclick=\"tag_urlsh()\">"
    </script>

Так что бы тег на который он будет реагировать вместо [bulka]-[/bulka] был [letay]-[/letay]
И чтоб выделенное Зеленым стаяло в скрипте автоматом,
var enterURL = prompt("Введите ссылку на флэш, видео, изображение или сайт", "http://"); - Введите ссылку на  видео.
var enterTITLE = prompt("Введите описание\n оно будет отображаться при просмотре", "нечто"); - Смотреть
var enterTITLE2 = prompt("Введите размер окна, например height=600;width=800\n\n height - высота; width - ширина\n\n для сохранения оригинального размера, оставьте это поле пустым", "height=600;width=800"); - Стандарт height=600;width=800
Чтоб все эти позиции были зафиксированы (при нажатии на [реклама вместо картинки] выводило только "Введите ссылку на  видео" все остальное чтоб не показывалось)
В посте ссылка код должен выглядеть так
[letay]http://www.youtube.com/v/eM0Ycs7TjQ4[/letay]
[letay]http//novafilm.tv/v/supernatural_season_six_trailer.flv[/letay]
В вашем же случае он такой
[bulka]http://www.youtube.com/v/eM0Ycs7TjQ4|нечто|height=600;width=800[/bulka].
Ну а теперь для чего мне это, решил сменить старый плеер который вы мне делали

<script type="text/javascript">function addSpoiler_letay(str,from,internal){
   
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[letay]",from))==-1) return str;
    if((pos2=str.indexOf("[/letay]"),pos+8)==-1) return str;
    newpos=str.indexOf("[letay]",pos+8)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler_letay(str,pos+8,true)
    if((pos2=str.indexOf("[/letay]",pos+8))==-1) return str;
   
    str=str.substring(0,pos)+makeSpoiler_letay(str.substring(pos+7,pos2))+str.substring(pos2+8,str.length)
    if( str.indexOf("[letay]")!=-1 && internal==false) str=addSpoiler_letay(str,0,false)
    return str
}

function makeSpoiler_letay(txt){
    txt='<br /><embed type="application/x-shockwave-flash" src="http://www.enricolai.com/FVP/FVP9.swf" quality="high" allowScriptAccess="sameDomain" allowFullScreen="true" name="fvp" flashvars="action=stop&amp;color=FFFFFF&amp;image=http://forumupload.ru/uploads/000d/05/e5/261-1-f.jpg&amp;buffer=3&amp;fsbtn=yes&amp;textcolor=000000&amp;video='+txt+'" height="170" width="205"></embed>';
    return txt;
}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler_letay(post.innerHTML,0,false)}}</script>

На более усовершенствованный.

0

95

Invisible Man написал(а):

Можешь переделать свой скрипт

пробуйте

Код:
<!--Shadowbox special edition-->
<script type="text/javascript">
$(function(){
$('td#button-hide').before('<td style=\'background-image:url("http://img707.yfrog.com/img707/5896/shadowbox.png")\' onclick="tag_shadow()"><img src="/i/blank.gif" title="Разместить контент (swf,flv,img,html)"></td>');
});
function tag_shadow()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на видео или сайт", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[letay]" +enterURL+ "[/letay]");}
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
}
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
shadow = /\[letay\](.*?)\[\/letay\]/g
elm[x].innerHTML = elm[x].innerHTML.replace(shadow, "<a rel='shadowbox' href='$1' title='нечто' class='previewlink'><img src='http://img4.imageshack.us/img4/5717/1e502.gif'><font color='maroon'>$1</font></a>") 
}
</script>

Отредактировано Romych (Пт, 22 Окт 2010 22:14:41)

0

96

Romych
Не хочет Тут

Верх

<!--Shadowbox разный контент-->
<link rel="stylesheet" type="text/css" href="http://www.shadowbox-js.com/build/shadowbox.css" />
<script type="text/javascript" src="http://www.shadowbox-js.com/build/shadowbox.js"></script>
<!--Конец Shadowbox разный контент-->

Низ - ваш код выше..

0

97

пробуйте ещё раз, исправил в 95 посте

0

98

Romych
Без изменений, ах чуть не забыл при первом варианте и втором, в форме ответа кнопки нет.

0

99

Invisible Man написал(а):

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

тогда так

Код:
<!--Shadowbox special edition-->
<style type="text/css">
#button-shadow {background-image:url('http://img707.yfrog.com/img707/5896/shadowbox.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script type="text/javascript">
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'],
});
function tag_shadow()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на видео или сайт", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[letay]" +enterURL+ "[/letay]");}
elm=document.getElementsByTagName("div")
for(x in elm)if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
shadow = /\[letay\](.*?)\[\/letay\]/g
elm[x].innerHTML = elm[x].innerHTML.replace(shadow, "<a rel='shadowbox;' href='$1' title='nechto'><img src='http://img4.imageshack.us/img4/5717/1e502.gif'><font color='maroon'>$1</font></a>") 
}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img src='/i/blank.gif' title='Разместить контент (swf,flv,img,html)' id='button-shadow' onclick=\"tag_shadow()\">"
</script>

0

100

Romych
Стало работать  :flag:  Но остались вопросы, не желательно видеть ссылку на видео файл. Надо чтоб было так
[реклама вместо картинки] Смотреть.
И размер окна не очень, можно Стандарт height=600;width=800  а на ютуб вообще на весь экран растягивается
Вот примеры видео ТыК

0


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