Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Убрать значок
автор Леший Вчера в 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Вчера в 9:01

» Оформить имя
автор Kuzbas63 Вчера в 8:59

» Красивый путь по сайту
автор Kuzbas63 Вчера в 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 13:51

» Как сократить расстояние
автор Lory Ср 16 Авг - 10:12

» Искрящийся ник у групп
автор Kuzbas63 Ср 16 Авг - 8:23

» Как отредактировать цвет на кнопках
автор Lory Вт 15 Авг - 23:58

» Как настроить конфиденциальность
автор катарсис Вт 15 Авг - 21:29

» Проблема с правами
автор Havva Вт 15 Авг - 19:30

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Рандомная картинка с увеличением при наведении

Предыдущая тема Следующая тема Перейти вниз

Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Сб 9 Май - 13:06

Ребят, скрипт на рандомные картинки вы все знаете, даже тема есть такая...
Подскажите, как сделать, чтоб при наведении мышкой маленькое рандомное изображение становилось увеличенным, одновременно являясь ссылкой на заданный фотоальбам в галерее?
Спасибо! smile
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Irbis в Сб 9 Май - 14:38

Ну можно попробовать так:
в скрипте там где
Код:
<a href=ссылка><img src=картинка id=id_image></a>
сделать
Код:
<div id=mini_img style='width: ширина_миникартинок px; height: высота_миникартинок px'><a href=ссылка><img src=картинка id=id_image></a></div>
И перед скриптом добавить
Код:
<style>
#mini_img a #id_image:hover{z-index: 10; width: ширина_больших картинок px;}
</style>
должно сработать scratch
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Сб 9 Май - 15:24

Тогда вопрос (возможно глупый...)
- в радикал заливать какого размера картинку? 41
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Irbis в Вс 10 Май - 0:29

ну наверно такого, который будет большим, а то картинка при увеличении размытой получится smile
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Yerdna в Вт 12 Май - 15:37

Извените за нубовский вопрос но куда ставить этот код? 24
avatar
Yerdna
 

Мужчина

Сообщения : 120
Возраст : 22
Регистрация : 2009-05-10
Благодарности : 6

Без предупреждений

http://forum-yerdna.gip-gip.ru

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Вт 12 Май - 20:15

Ну где бы ты хотел, чтоб у тебя были картинки или фото? Вот туда...
*ну сначала создай пЭрсональный виджет
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Yerdna в Ср 13 Май - 12:50

А у меня не получается сделать вот код
Код:
<style>#mini_img a #id_image:hover{z-index: 67; width: 185 px;}</style>
<div id=mini_img style='width: 67 px; height: 185 px'><a href=http://www.radikal.ru/MakeCodeSingle.aspx?id=676bfdd3d73045f5bd6d9a07ab0815f9><img src=http://i055.radikal.ru/0811/6e/92eefa67e71a.gif id=id_image></a></div>
Что не правильно?

Sunnyta а можно поставить его так:
Любую картинку которую я поставлю на форум у меня первращялась в Рандомную картинку с увеличением при наведении
Ну в смысле не в каждой писать код, а он сам прописывался по всёму форуму.
avatar
Yerdna
 

Мужчина

Сообщения : 120
Возраст : 22
Регистрация : 2009-05-10
Благодарности : 6

Без предупреждений

http://forum-yerdna.gip-gip.ru

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Чт 14 Май - 21:28

У меня в bb2 тоже не работает этот код, возможно из-за наших виджетов или я тоже что-то не так делаю...

Любую картинку которую я поставлю на форум у меня первращялась в Рандомную картинку с увеличением при наведении
Ну в смысле не в каждой писать код, а он сам прописывался по всёму форуму.

Вот это надо посмотреть кому-то из знатоков из мальчиков
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Irbis в Пт 15 Май - 12:45

Andre-4667 пишет:
Sunnyta а можно поставить его так:
Любую картинку которую я поставлю на форум у меня первращялась в Рандомную картинку с увеличением при наведении
Ну в смысле не в каждой писать код, а он сам прописывался по всёму форуму.
Нет
@Sunnyta пишет:У меня в bb2 тоже не работает этот код, возможно из-за наших виджетов или я тоже что-то не так делаю...
Посмотрю сегодня что не так с этим кодом, если опять не забуду pardon
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Yerdna в Пт 15 Май - 16:06

Хотелось бы что бы не забыл!
avatar
Yerdna
 

Мужчина

Сообщения : 120
Возраст : 22
Регистрация : 2009-05-10
Благодарности : 6

Без предупреждений

http://forum-yerdna.gip-gip.ru

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Jackson в Пн 1 Мар - 16:19

Подскажите, где можно найти здесь скрипт рандомной картини? Поиск не дает толку=(
avatar
Jackson
 

Мужчина

Сообщения : 399
Возраст : 23
Регистрация : 2008-04-05
Благодарности : 24

Без предупреждений

http://www.systemofadown.in.ua

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Пн 1 Мар - 17:31

@Jackson пишет:Подскажите, где можно найти здесь скрипт рандомной картини? Поиск не дает толку=(
тебе нужно, чтоб работал (сменял) после обновления странички или смена через какое-то время? wink
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Jackson в Пн 1 Мар - 17:40

первое - при обновлении.
avatar
Jackson
 

Мужчина

Сообщения : 399
Возраст : 23
Регистрация : 2008-04-05
Благодарности : 24

Без предупреждений

http://www.systemofadown.in.ua

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Пн 1 Мар - 17:58

Код:
<script>
var rnd = Math.floor(Math.random()*5);
if(rnd == 0) {
document.write('
<a href="ССЫЛКА ДЛЯ ПЕРЕХОДА К БОЛЬШОЙ">
<img src="ССЫЛКА, ПОКАЗАННОЙ ПРИ ЗАГРУЗКЕ" id="opacitimg"></a>');
}
if(rnd == 1) {
 document.write('<a href="ССЫЛКА ДЛЯ ПЕРЕХОДА К БОЛЬШОЙ">
<img src="ССЫЛКА, ПОКАЗАННОЙ ПРИ ЗАГРУЗКЕ" id="opacitimg"></a>');
}
if(rnd == 2) {
 document.write('<a href="ССЫЛКА ДЛЯ ПЕРЕХОДА К БОЛЬШОЙ">
<img src="ССЫЛКА, ПОКАЗАННОЙ ПРИ ЗАГРУЗКЕ" id="opacitimg"></a>');
}

if(rnd == 3) {
 document.write('<a href="ССЫЛКА ДЛЯ ПЕРЕХОДА К БОЛЬШОЙ">
<img src="ССЫЛКА, ПОКАЗАННОЙ ПРИ ЗАГРУЗКЕ" id="opacitimg"></a>');
}
if(rnd == 4) {
 document.write('<a href="ССЫЛКА ДЛЯ ПЕРЕХОДА К БОЛЬШОЙ">
<img src="ССЫЛКА, ПОКАЗАННОЙ ПРИ ЗАГРУЗКЕ" id="opacitimg"></a>');
}
opacit = 0;
step = 1;
function move() {
if(opacit<=100 && opacit>-1) {
opacit += step;
document.getElementById("opacitimg").style.opacity=opacit/100;
document.getElementById("opacitimg").style.filter="alpha(opacity="+opacit+")";
setTimeout("move()",30);
}
}
move();
</script>

Картинки нумеруются от 0 до нужного количества ... Если ссылка для показа большого изображения не нужна, то можно убрать wink
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Jackson в Пн 1 Мар - 18:10

Чет не разберусь... куда адрес картинки вставлять..?Как это работает?
avatar
Jackson
 

Мужчина

Сообщения : 399
Возраст : 23
Регистрация : 2008-04-05
Благодарности : 24

Без предупреждений

http://www.systemofadown.in.ua

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Sunnyta в Пн 1 Мар - 18:19

Сюда адрес картинки , которая покажется при перезагрузке - img src="ССЫЛКА, ПОКАЗАННОЙ ПРИ ЗАГРУЗКЕ"
Но она может быть маленькой и тем, кто захочет посмотреть в большом размере впиши ссылку на большую картинку (если это не нужно, то убери)
<a href="ССЫЛКА ДЛЯ ПЕРЕХОДА К БОЛЬШОЙ">
avatar
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Рандомная картинка с увеличением при наведении

Сообщение автор Jackson в Пн 1 Мар - 18:25

Спасибо большое!=)
avatar
Jackson
 

Мужчина

Сообщения : 399
Возраст : 23
Регистрация : 2008-04-05
Благодарности : 24

Без предупреждений

http://www.systemofadown.in.ua

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения