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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Галерея картинок

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

Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 12:09

Здравствуйте . Этот вопрос затрагивался в скользь в соседней теме ( но тема по другому вопросу) и чтоб не забивать чужую открою эту тему . Очень понравилось решение http://domovoy.forumy2x2.ru/h2-page . Вот как сделать так же ???

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Ilya в Сб 8 Дек - 12:12

А что именно вам понравилось и вы хотите видеть у себя? То что наводя на картинки, высвечивается текст?


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Регистрация : 2011-10-29
Благодарности : 1455

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

http://help.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 12:15

Полностью так как там сделано хотел применить . Когда нажимаешь на любую картинку запускается просмотр фото . В общем весь этот функционал для ВВ3

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Ilya в Сб 8 Дек - 12:18

Извиняюсь, сразу не заметил, что особенного на этой странице. Вот, как выглядит код:

Код:
</head><body><center>
<a href="http://www.snapsnap.ru/i/12817987001254214561.jpg" rel="iLoad|Альбом №1" title="Гламур"> <img src=" http://www.snapsnap.ru/i/12817987001254214561.jpg " height="80" width="121" title="Гламур"></a>

<a href="http://www.snapsnap.ru/i/pep.png" rel="iLoad|Альбом №1" title="Розы"> <img src=" http://www.snapsnap.ru/i/pep.png " height="80" width="77" title="Розы"></a>

<a href="http://savepic.org/445226.jpg" rel="iLoad|Альбом №1" title="Водопад"> <img src=" http://savepic.org/445226.jpg " height="80" width="110" title="Водопад"></a>

<a href="http://www.snapsnap.ru/i/3rir.jpg" rel="iLoad|Альбом №1" title="Тигр в прыжке"><img src="http://www.snapsnap.ru/i/3rir.jpg" height="80" width="97" title="Тигр в прыжке"></a>

<a href="http://savepic.org/418602.jpg" rel="iLoad|Альбом №1" title="Друзья"><img src=" http://savepic.org/418602.jpg " height="80" width="110" title="Друзья"></a>

<a href="http://www.snapsnap.ru/i/wallpapersbyrokodtd.jpg" rel="iLoad|Альбом №1" title="Девушка 1"><img src=" http://www.snapsnap.ru/i/wallpapersbyrokodtd.jpg " height="80" width="108" title="Девушка 1"></a>

<a href="http://savepic.org/411434.jpg" rel="iLoad|Альбом №1" title="Ушастый"><img src=" http://savepic.org/411434.jpg " height="80" width="110" title="Ушастый"></a>
<br/>
<a href="http://www.snapsnap.ru/i/wallpapersbyrokoplp.jpg" rel="iLoad|Альбом №1" title="Девушка 2"><img src=" http://www.snapsnap.ru/i/wallpapersbyrokoplp.jpg " height="80" width="129" title="Девушка 2"></a>

<a href="http://savepic.org/406314.jpg" rel="iLoad|Альбом №1" title="В полёте"><img src=" http://savepic.org/406314.jpg " height="80" width="110" title="В полёте"></a>

<a href="http://www.snapsnap.ru/i/ovo.jpg" rel="iLoad|Альбом №1" title="Хвостатая"><img src=" http://www.snapsnap.ru/i/ovo.jpg " height="80" width="65" title="Хвостатая"></a>

<a href="http://www.snapsnap.ru/i/7525599200001ror.png" rel="iLoad|Альбом №1" title="Девушка 3"><img src=" http://www.snapsnap.ru/i/7525599200001ror.png " height="80" width="54" title="Девушка 3"></a>

<a href="http://savepic.org/447277.jpg" rel="iLoad|Альбом №1" title="Язык мой враг мой"><img src=" http://savepic.org/447277.jpg " height="80" width="110" title="Язык мой враг мой"></a>

<a href="http://www.snapsnap.ru/i/ngn.png" rel="iLoad|Альбом №1" title="На цветке"><img src=" http://www.snapsnap.ru/i/ngn.png " height="80" width="110" title="На цветке"></a>

<a href="http://www.snapsnap.ru/i/mzmmzm.jpg" rel="iLoad|Альбом №1" title="Любовь"><img src=" http://www.snapsnap.ru/i/mzmmzm.jpg " height="80" width="124" title="Любовь"></a>


</center>

Это коды картинок

Код:
<script type='text/javascript' src='http://www.patmax.eu/J1/120330111849.js'></script>

</body></html>

Сам скрипт, который идет сразу после кода картинок.


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Регистрация : 2011-10-29
Благодарности : 1455

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

http://help.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 12:20

Тоесть , если я правильно понял , это размещается на странице , сменить ссылки картинок , добавить в конец скрипт ???

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Ilya в Сб 8 Дек - 12:25

yes

На ХТМЛ странице
В приветствии

Если на хтмл странице будете ставить, не забудьте про кодировку


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Регистрация : 2011-10-29
Благодарности : 1455

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

http://help.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 12:27

Понял . буду пробовать . Спасибо . Результат чуть позже напишу .

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 12:30

И фон для страничке ещё подскажите в какую часть кода вставлять ???

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 12:46

Работает 13 Смотрится отлично . Домовому спасибо за идею , Ilya Спасибо за выполнение .

Добавить только фон , а так Супер .

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 14:55

Вот что получилось Галерея Красота 29

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Ilya в Сб 8 Дек - 14:59

вставьте после тега

Код:
<body>

Код:
<style>
 body {
background : url(ссылка на изображение)!important;

}
</style>


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Регистрация : 2011-10-29
Благодарности : 1455

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

http://help.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 15:12

ок . И ещё один вопрос .

Я впихнул адрес html в виджет на главной , присвоил картинку . всё нормально , но как сделать так , чтоб по клику на виджете открывалась галерея в новом окне ???
И самое главное , нужна надпись . Для просмотра , нажми на фото

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Домовой в Сб 8 Дек - 16:27

Код:
<a href="ссылка" target="_blank">Название ссылки</a>

а это исходник галереи
http://studioad.ru/index/0-8

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 16:28

И уважаемый Домовой . Скажите пожалуйста , это решение галереи сильно грузит форум . ? Я к тому , чтоб решить сколь фотографий закидывать и в каком качестве ???

За ранее Спасибо

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 16:31

а это исходник галереи
http://studioad.ru/index/0-8

Я думаю надо там ещё чего нибуть покопать 22 И подскажите пожалуйста как сделать текст над фотками ???


Последний раз редактировалось: Леший (Сб 8 Дек - 16:32), всего редактировалось 1 раз(а)

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Домовой в Сб 8 Дек - 16:31

На форуме это не скажется, грузи пока не посинеешь.


Последний раз редактировалось: Домовой (Сб 8 Дек - 18:14), всего редактировалось 1 раз(а)

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 16:35

@Домовой пишет:На форуме это не скажется, грузи пока не посинеешь.
Вот фотоальбом у меня на форуме

Не будите возрожать , если стяну несколько фото ???


Последний раз редактировалось: Леший (Сб 8 Дек - 16:54), всего редактировалось 1 раз(а)

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 16:52

<a href="ссылка" target="_blank">Название ссылки</a>

Я наверное не так поставил вопрос . Нужно что бы эта галерея запускалась в отдельном окне из этого виджета

Код:
<a href="http://black-kat.forum2x2.ru/h1-page"><img src="http://www.snapsnap.ru/i/36056beautifuleynen.jpg"></a>

или я готов выслушать Ваши варианта размещения этой ссылки .

Необходимо ещё сделать надпись над фотками , как у Вас .

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Домовой в Сб 8 Дек - 16:55

Код:
<a href="http://black-kat.forum2x2.ru/h1-page" target="_blank"><img src="http://www.snapsnap.ru/i/36056beautifuleynen.jpg"></a>

Необходимо ещё сделать надпись над фотками , как у Вас .
какую надпись?

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 17:02

Красота то кака drinks 13 Теперь открывает всё как надо .

Здесь у Вас

Фотогалерея
Для просмоттра кликни на изображение

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

Re: Галерея картинок

Сообщение автор Домовой в Сб 8 Дек - 18:03

Блин, показал на свою голову.
Вот то что установлено у меня, дерзай на свой вкус
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru"  ><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon"href="http://www.patmax.eu/C1/110731112220.ico" type="image/vnd.microsoft.icon">
</head><body>

<div style="position:absolute;right:8%;top:10px;">
<a href="ссылка на форум" class="dom">Вернуться на форум</a>
</div>

<!--стиль ссылки-->
<style>
.dom{
color : #A61F00 !important;
font-weight: bold;
font-size: 17px;
}
.dom:hover{
color : #ff0000 !important;
}
</style>

<!--Блок инструкции-->
<div style="position:absolute;left:8%; top:10px;">
<a href="javscript://" class="informLink">Как пользоваться альбомом? Инструкция.</a><div class="informCont">
<span style="color:#FF0000;font-size:18px;"><b><u>Не большая инструкция по пользованию фотогалереей.</u></b></span><br/><br/>
Для просмотра фотографий предусмотрено три варианта.<br/>
1. В режиме слайдшоу.<br/>
2. В режиме перелистывания фотографий вручную.<br/>
3. Выборочный просмотр выбранной фотографии.<br/><br/>
Для начала просмотра всего альбома кликните мышкой на первую фотографию.<br/>
Для просмотра определённой фотографии кликните мышкой именно на ту которую хотите посмотреть.<br/>
При клике фотография откроется в полный размер и под ней появится блок управления галереей<br/>
На изображении показаны кнопки блока управления и описание их функций.<br/><br/>

 <img src="http://i40.servimg.com/u/f40/14/80/95/87/2012-112.jpg">
</div></div>

<!--Оформление блока инструкции-->
<style>
.informLink{
color : #A61F00;
font-weight: bold;
font-size: 17px;
}
.informLink:hover{
color : #ff0000;
}

.informCont{
display:none;
border: solid 4px #AF815B;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
 border-radius:6px;
padding:5px;
margin-top: 15px;
background-color:#fff;
height: auto;
width: 600px;
}

.foto{
border: solid 2px #D4894A;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
 border-radius:4px;
padding:1px;
}
</style>

<!--Скрипт для работы блока инструкции-->
<script type="text/javascript">
  $(document).ready(function(){
    $('.informLink').click(function(){
      $(this).parent().children('div.informCont').slideToggle(900);
      return false;
    });
  });
</script>

<center>
<span style="color:#7E3B21;font-family:Times New Roman;font-size:28px;"><b><i>Фотоальбом</i></b></span>
<br/>
<span style="color:#FF0000;font-family:Times New Roman;font-size:14px;"><u>Для просмотра слайдшоу кликни по картинке</u></span>
<br/><br/>

<div style="overflow: scroll; overflow-x: hidden; height: 600px; width: 56%; border: solid 4px #FADBBC;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; -webkit-box-shadow: 0px 0px 10px 3px #FADBBC;-moz-box-shadow: 0px 0px 10px 3px #FADBBC;box-shadow: 0px 0px 10px 3px #FADBBC; padding:5px; background: url(http://i40.servimg.com/u/f40/14/80/95/87/fxf10.jpg);">


<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

<a href="ссылка на фото" rel="iLoad|Фотоальбом" title="описание фото"><img src="ссылка на фото" height="140" width="93" class="foto"></a> 

</div>
</center>

<!--Скрипт галереи-->
<script type='text/javascript' src='http://www.patmax.eu/J1/120330111849.js'></script>

<!--Фон страницы-->
<style>
body {
background:url(http://www.snapsnap.ru/i/pred03.jpg)repeat-y top left fixed;
}
</style>

</body></html>
После каждого кода с фотографией ставь знак пробела
Код:
& nbsp;
слитно


Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Галерея картинок

Сообщение автор Леший в Сб 8 Дек - 18:06

biggrin Тему можно тогда вообще удалить ))) Огромное спасибо . Вопросов больше не имею . Повтарюсь , Галерея просто супер .

Леший
 

Мужчина

Сообщения : 2125
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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


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