Плавное увеличение-уменьшение картинки и её перемещения.

Архив полностью рабочих скриптов и так далее...
Аватара пользователя
Misterbin
Сообщения: 78
Зарегистрирован: 11 май 2008, 20:49

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение Misterbin »

Постараюсь по понятней!
Собственно вот скрипт http://web-codes.net/viewtopic.php?f=3&t=30
Я его установил, всё как полагается.
Теперь вопрос:
Что и где в этом скрипте мне надо добавить
чтоб можно было вписывать и название картинок?
Аватара пользователя
B3rKYT
Сообщения: 418
Зарегистрирован: 20 апр 2008, 18:03

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение B3rKYT »

Для картинок отвести отдельное поле, сам скрипт подключать не как удаленный файл, а прямо в коде и в том javascript вместо "Название картинки" прописать нужный код.
Оказываю небесплатную (недорого) помощь по сайтам. Обращаться в ЛС или в ICQ (см.профиль).

Помощь по форуму:
Раздел для Ваших вопросов | Раздел интересных решений для Вас | Поиск!
Аватара пользователя
Misterbin
Сообщения: 78
Зарегистрирован: 11 май 2008, 20:49

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение Misterbin »

B3rKYT писал(а):Для картинок отвести отдельное поле, сам скрипт подключать не как удаленный файл, а прямо в коде и в том javascript вместо "Название картинки" прописать нужный код.


Я так понимаю что то что сейчас находится в .js файле надо внести в код страницы, так?
И там в этом скрипте надо для картинки прописать нужный код,так?
Что же отвечает за "Название картинки" нормально "image Name" но там нет ни чего похожего.

Можно это как нибудь разжевать дело в том что в английском я не силён.
Youzer
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение Youzer »

для превьюшки title прописывай как тут:

Код: Выделить всё

<?if($OTHER2$)?><center><a href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" border=0 width=200 style="border:none;" title="$TITLE$" /></a></center><br><?endif?>
Аватара пользователя
Yusup
Сообщения: 11
Зарегистрирован: 24 фев 2009, 12:58

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение Yusup »

Как сделать чтоб вся эта красота работала только на форуме, т.е. когда вставляеш картинку на форум она плавно увеличивалась и уменьшалась?
Аватара пользователя
AllCity
Сообщения: 2508
Зарегистрирован: 18 апр 2008, 17:52
Контактная информация:

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение AllCity »

Я бы создал дополнительный ББ-Код например highslide :)
Аватара пользователя
AllCity
Сообщения: 2508
Зарегистрирован: 18 апр 2008, 17:52
Контактная информация:

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение AllCity »

Шаблон Форум - Общий вид страниц форума
1. Подключить HighSlide (HEAD)
2. После $BODY$:

Код: Выделить всё

<script type="text/javascript">
e=document.getElementsByTagName('td');
for(k=0;k<e.length;k++){
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[highslide]')!=-1){
s=s.replace(/\[highslide\]([^\[\n]+)\[\/highslide\]/gi,'<a href="javascript://" onmouseover="this.href=\'$1\';" class="highslide" onclick="return hs.expand(this)"><img src="$1" border="0" width="200" style="border:none;"></a>');
e[k].innerHTML=s;
}}}
</script>

или на jQ

Код: Выделить всё

<script type="text/javascript">
$('td.posttdMessage').each(function(){$(this).html($(this).html().replace(/\[highslide\]([^\[\n]+)\[\/highslide\]/gi,'<a href="javascript://" onmouseover="this.href=\'$1\';" class="highslide" onclick="return hs.expand(this)"><img src="$1" border="0" width="200" style="border:none;"></a>'))});
</script>

и картинки ставишь таким способом:

Код: Выделить всё

[highslide]URL TO IMAGE[/highslide]
Аватара пользователя
Yusup
Сообщения: 11
Зарегистрирован: 24 фев 2009, 12:58

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение Yusup »

спасибо щас попробую
Аватара пользователя
Yusup
Сообщения: 11
Зарегистрирован: 24 фев 2009, 12:58

Re: Плавное увеличение-уменьшение картинки и её перемещения.

Сообщение Yusup »

Работает на форуме просто супер но ты забыл кнопку сделать :) .

Код: Выделить всё

<input type="button" value="highslide" onclick="simpletag('highslide','','','message',''); return false;" class="codeButtons" title="ФОТО" id="highslide" />
Закрыто