Форум поддержки «ЖивыеФорумы.ру»

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

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



Скрипт *ФОТОГАЛЕРЕЯ*

Сообщений 1 страница 16 из 16

1

ФОТОГАЛЕРЕЯ

html-верх ставим:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://itforweb.com/articles/jquery_lightbox/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://itforweb.com/articles/jquery_lightbox/js/jquery.lightbox.packed.js"></script>
<style type="text/css">
  .postmyimg { width:130px; top:2px; margin:5px; padding:0; list-style-type:none; }
  .postmyimg { border:1px solid #999; margin-left:5px; }
  .postmyimg {cursor: pointer;}
</style>

html-низ ставим:

<script type="text/javascript">
  $(document).ready(function(){
  $('.postmyimg').lightbox();
  });
  </script>

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

function makeSpoilerr_img(txt1,txt2){
    txt='<img class="postmyimg lightbox-enabled"  src="'+txt1+'"  alt="'+txt2+'">';
    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_img(post.innerHTML,0,false)}}
</script>

HTML в форме ответа:

<style type="text/css">
#button-gallery {background-image:url('http://img502.imageshack.us/img502/9378/cameraromych.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
function tag_urlg()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на изображение", "http://");
var enterTITLE = prompt("Введите описание", "Моё фото");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[myimg]" + enterURL + "|" + enterTITLE + "[/myimg]");}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(22).innerHTML="<img src='/i/blank.gif' title='фотогалерея' id='button-gallery' onclick=\"tag_urlg()\">"
</script>

0

2

а можно пример, как это выглядит?

0

3

Примеров ещё не существует...

0

4

я попробовала поставить и ничего нигде не появилось

0

5

:'( Будем думать что не так...

0

6

Boss Liveforums.ru написал(а):

Будем думать что не так...

буду ждать с нетерпением!!! :love:
А в общих чертах можете рассказать, как должно выглядеть? Это будет общая фото галерея или у каждого пользователя что-то типа фотоальбомов будет? Если у каждого будет свой альбом, то будет ли под аватаркой ссылка на альбом? (хотя это самому можно сделать)

0

7

Увидела в форме ответа иконку фотогалереи..... чего-то я не пойму, как это все выглядит :huh:
т.е. фотки один фиг надо загружать на сторонние ресурсы, копировать ссылку на них, вставлять и так далее по пунктам..... это получается не личная галерея фоток у каждого участника, а что тогда? Почему не сделать просто типа дневника чтоб у каждого было, там и фотки можно размещать :rolleyes: зарегился и сразу дневник появился :rolleyes: или это нереально сделать?

0

8

Фотки можно загружать на форум, отдельно в сообщении.

Сам скрипт:

1. в нтмл-низ:

<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="Создать фотогалерею"></td>');
$("div.post-content, li.pa-title").map(function () {
text = $(this).html();
if(text.indexOf("[/myimg]")) {
shadow = /\[myimg\](.*?)\|(.*?)\|(.*?)\[\/myimg\]/g
$(this).html(text.replace(shadow, "<a rel='shadowbox;$3' href='$1' title='$2'><img style='border-top:1px solid #BBB;border-bottom:1px solid #BBB;padding:5px;background:#ccc;top:2px;margin:5px;' img src='$1' width='100'/></a>"));
} });  });
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'],
});
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("[myimg]" + enterURL + "|" + enterTITLE + "|" + enterTITLE2 + "[/myimg]");}
</script>

2. в нтмл-верх:

<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>

0

9

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

Почему не сделать просто типа дневника чтоб у каждого было, там и фотки можно размещать :rolleyes: зарегился и сразу дневник появился :rolleyes: или это нереально сделать?

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

0

10

[myimg]http://support.liveforums.ru/img/smilies/IPB_Mini/light/love.gif|Смайлик =)|height=400;width=200[/myimg]

0

11

я еще не начала отмечать новый год, но до меня не доходит, зачем фотогалерея в таком виде? каковы ее функции? :blush: чем отличается загрузка на тот же радикал и копирование ссылок сразу в сообщение от этой фотогалереи? :rolleyes:
Прошу прощения, если достала уже своими вопросами!!! :blush:  Просто хочу разобраться.

0

12

Я уже отметил его наступление :)
Функции? О... не знаю :)

0

13

Кликните по смайлику увеличенному ;)

0

14

то есть это просто новый способ отображения фоток? ;)

С новым годом! :love:

0

15

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

то есть это просто новый способ отображения фоток? ;)

Можно сказать и так.

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

С новым годом! :love:

Спасибо, и вас тоже с Новым Годом :)

+1

16

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

0