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

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


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

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

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


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

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

[решено]Карусель картинок

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

Карусель картинок

Сообщение автор Andrey Maestro в Вт 30 Окт - 8:29

Здравствуйте!
Можно сделать картинки кликабельными?
Код:
<center>
<link rel="stylesheet" href="http://domovoy063.nxt.ru/local.css" charset="utf-8" /> 
 <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery-1.5.min.js"></script> 
 <script src="http://domovoy063.nxt.ru/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script> 
 <script type="text/javascript"> 
 jQuery(document).ready(function() { 
 jQuery("#carousel").featureCarousel({ 
 }); 
 }); 
 </script><div id="carousel-container"> 
 <div id="carousel"> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/1ftf.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к первой картинке 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/2gsg.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание ко второй картинке. 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/3tyt.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к третьей картинке 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/4ddd.jpg"></a> 
  <div class="carousel-caption"> 
 <p>
 Описание к четвёртой картинке 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/5flf.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к пятой картинке 
 </p> 
 </div> 
 </div> 
 </div> 

 <div id="carousel-left"><img src="http://savepic.su/85959.gif" /></div> 
 <div id="carousel-right"><img src="http://savepic.su/100295.gif" /></div> 
 </div>
</center>
взято с этой ТЕМЫ вариант 1.2

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Вт 30 Окт - 12:01

И еще вопрос как размер настраивать в этом коде?

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Вт 30 Окт - 13:13

Можно сделать картинки кликабельными?
в строчках
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/1ftf.jpg"></a>
вместо решётки (#) вставляйте ссылку
И еще вопрос как размер настраивать в этом коде?
для этого надо буде всю структуру перелапачивать.
Кстати, скрипты там не рабочие потому как сайт nxt.ru где я хранил файлы перестал функционировать.
Так что замените это

Код:
<link rel="stylesheet" href="http://domovoy063.nxt.ru/local.css" charset="utf-8" /> 
 <script type="text/javascript" src="http://domovoy063.nxt.ru/jquery-1.5.min.js"></script> 
 <script src="http://domovoy063.nxt.ru/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>
на это

Код:
<link rel="stylesheet" href="http://www.patmax.eu/CSS1/120404172732.css" charset="utf-8" /> 
 <script type="text/javascript" src="http://www.patmax.eu/J1/120404173128.js"></script> 
 <script src="http://www.patmax.eu/J1/120404173357.js" type="text/javascript" charset="utf-8"></script>

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Вт 30 Окт - 13:48

блин жаль что размер нельзя поменять.тогда он мне не подходит.мне нужен примерно 670*260.С описанием к картинкам.Ладно поищу еще варианты. Может что предложите?

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Вт 30 Окт - 19:23

@Andrey Maestro пишет:блин жаль что размер нельзя поменять.тогда он мне не подходит.мне нужен примерно 670*260.С описанием к картинкам.Ладно поищу еще варианты. Может что предложите?
я попытаюсь этот подстроить, но не обещаю.

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Вт 30 Окт - 21:17

ну в общем могу предложить два варианта.
ПЕРВЫЙ

Код:
<style>
#carousel-container {
width:1000px!important;
}

#carousel {
height:320px!important;
width:1000px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}

#carousel .blipsContainer {
right:0!important;
top:260px!important;
}

#carousel-left {
bottom:10px!important;
left:30px!important;
}

#carousel-right {
bottom:10px!important;
right:30px!important;
}
</style>


<center>
<link rel="stylesheet" href="http://www.patmax.eu/CSS1/120404172732.css" charset="utf-8" /> 
 <script type="text/javascript" src="http://www.patmax.eu/J1/120404173128.js"></script> 
 <script src="http://www.patmax.eu/J1/120404173357.js" type="text/javascript" charset="utf-8"></script> 
 <script type="text/javascript"> 
 jQuery(document).ready(function() { 
 jQuery("#carousel").featureCarousel({ 
 }); 
 }); 
 </script><div id="carousel-container"> 
 <div id="carousel"> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/ciccic.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к первой картинке 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/1jqj.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание ко второй картинке. 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/2ulu.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к третьей картинке 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/3zzz.jpg"></a> 
  <div class="carousel-caption"> 
 <p>
 Описание к четвёртой картинке 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/4xcx.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к пятой картинке 
 </p> 
 </div> 
 </div> 
 </div> 

<div id="carousel-left"><img src="http://i40.servimg.com/u/f40/14/80/95/87/8595910.gif" /></div> 
<div id="carousel-right"><img src="http://i40.servimg.com/u/f40/14/80/95/87/10029510.gif" /></div>
 </div>
</center>
ВТОРОЙ

Здесь всё то же самое, только css кодам что находятся в тегах <style></style> добавьте ещё один код

Код:
#carousel .carousel-feature {
top:20px!important;
left:120px!important;
}


Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Вт 30 Окт - 21:27

Предупреждаю что в браузере IE не работает.
Хотя в осле много чего не работает.

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Ср 31 Окт - 6:00

Домовой,подскажите пожалуйста,почему когда я вставляю свою картинку ,то размеры карусели нарушаются?ка исправить?

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Ср 31 Окт - 6:27

Вот я только картинку одну заменил и описания к картинкам

Код:
<style>
#carousel-container {
width:1000px!important;
}

#carousel {
height:320px!important;
width:1000px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}

#carousel .blipsContainer {
right:0!important;
top:260px!important;
}

#carousel-left {
bottom:10px!important;
left:30px!important;
}

#carousel-right {
bottom:10px!important;
right:30px!important;
}
</style>


<center>
<link rel="stylesheet" href="http://www.patmax.eu/CSS1/120404172732.css" charset="utf-8" /> 
 <script type="text/javascript" src="http://www.patmax.eu/J1/120404173128.js"></script> 
 <script src="http://www.patmax.eu/J1/120404173357.js" type="text/javascript" charset="utf-8"></script> 
 <script type="text/javascript"> 
 jQuery(document).ready(function() { 
 jQuery("#carousel").featureCarousel({ 
 }); 
 }); 
 </script><div id="carousel-container"> 
 <div id="carousel"> 
 <div class="carousel-feature"> 
 <a href="http://sayan-avto.forum2x2.ru/t1-topic"><img class="carousel-image" alt="Image Caption" src="http://i41.servimg.com/u/f41/17/81/56/52/honda-10.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Honda Accord Год:2003 Цена:400т.р. 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/1jqj.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Ваше объявление 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/2ulu.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Ваше объявление 
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/3zzz.jpg"></a> 
  <div class="carousel-caption"> 
 <p>
 Ваше объявление
 </p> 
 </div> 
 </div> 
 <div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/4xcx.jpg"></a> 
 <div class="carousel-caption"> 
 <p>
 Ваше объявление
 </p> 
 </div> 
 </div> 
 </div>  <div id="carousel-left"><img src="http://i40.servimg.com/u/f40/14/80/95/87/8595910.gif" /></div>  <div id="carousel-right"><img src="http://i40.servimg.com/u/f40/14/80/95/87/10029510.gif" /></div>
 </div>
</center>

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Ср 31 Окт - 7:55

вы просили под размер картинок 670*260
а сами вкрячили 625*469
и что вы от меня хотите?

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Ср 31 Окт - 8:39

А все понял,я не так объяснил,извиняюсь.Мне нужен был размер не картинок, а самой карусели,ну и соответственно размер картинок должен был быть меньше.Я просто подумал,что это все как то настраивать можно.Еще раз извиняюсь и спасибо за помощь yes

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 11:24

Поставил себе на ВВ3 выглядит отлично . Если можно то расскажите как сдвинуть в лево картинки чтоб по центру было , или за место лого их поставить, 31 За ранее признателен !!!

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Ср 31 Окт - 12:14

Я поставил в приветствие,у меня все по центру. bb2

Andrey Maestro
 

Мужчина

Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17

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

http://rp-games.forum2x2.com/

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 12:17

мне бы в лево сместить . а так всё отлично работает. Виджет загораживает , не красиво

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Vadim в Ср 31 Окт - 12:25

Может кто не видел, такой вариант еще есть: http://help.forum2x2.ru/t26899-topic тоже при поддержке Домового скрипт писался, фотографии можно сделать совершенно любого размера, к тому же они разворачиваются и к ним есть подписи, есть возможность смотреть слайдшоу. Единственное "но" работает только в версиях punBB и phpBB3

Vadim
 

Мужчина

Сообщения : 539
Возраст : 28
Регистрация : 2012-03-01
Благодарности : 55

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

http://anamnez.sosbb.ru/

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 12:28

Y.nby пишет:Может кто не видел, такой вариант еще есть: http://help.forum2x2.ru/t26899-topic тоже при поддержке Домового скрипт писался, фотографии можно сделать совершенно любого размера, к тому же они разворачиваются и к ним есть подписи, есть возможность смотреть слайдшоу. Единственное "но" работает только в версиях punBB и phpBB3

Да мне это вариант очень понравился , хотелось реализовать его ((( Указанные варианты я пробовал

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Ср 31 Окт - 12:30

Леший, у вас очень узкий форум. Эта карусель больше подходит для фиксированной ширины форума.
В данном случае карусель имеет ширину 1000px а высоту 320px
пробуйте поменять значения в этих кодах
Код:
#carousel-container {
width:1000px!important;
}

#carousel {
height:320px!important;
width:1000px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 12:32

@Домовой пишет:Леший, у вас очень узкий форум. Эта карусель больше подходит для фиксированной ширины форума.
В данном случае карусель имеет ширину 1000px а высоту 320px
пробуйте поменять значения в этих кодах
Код:
#carousel-container {
width:1000px!important;
}

#carousel {
height:320px!important;
width:1000px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}

Спасибо щас попробую . А про ширину форума я тоже склоняюсь к тому чтобу расширить его yes
Спасибо за помощь . Буду эксперементировать 13

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 12:39

Домовой спасибо , размеры подогнал всё отлично ,Вот только одна закономерность , ставлю в преветствие , пропадает аватарка последнего кто написал сообщения . Жалко если выбирать придётся между скриптами .
Может есть вариант чтоб оба работали ??

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Ср 31 Окт - 13:10

проверил, действительно конфликт.
Как исправить не знаю.

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 14:32

@Домовой пишет:проверил, действительно конфликт.
Как исправить не знаю.
Очень жаль , пусть лучше карусель останется . Можно и менять оформление . Надо попробовать другие скрипты может с ними конфликта не будет. Ещё раз спасибо за помощь .
P.S. Домовой , Вы как специалист, может поможете решить проблему с колонкой виджитов в соседней теме 31 Или носом ткните где смотреть , весь форум облазил , поисковик уже матерится на меня blush

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

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

А можно увеличить обём картинок в галереии прокрутки , если да то какую часть скрипта копировать ??? И убрать счётчик фотографий

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Ср 31 Окт - 18:29

@Леший пишет:А можно увеличить обём картинок в галереии прокрутки , если да то какую часть скрипта копировать ???
не совсем понял вопрос.
Хотите вставить более крупные картинки?
Так вставляйте, только высоту самого поля возможно надо будет увеличить в этом коде
#carousel {
height:320px!important;
width:1000px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}

@Леший пишет:И убрать счётчик фотографий
этот код

Код:
#carousel .blipsContainer {
right:0!important;
top:260px!important;
}
замените на этот

Код:
#carousel .blipsContainer {
display:none!important;
}


Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Ср 31 Окт - 18:34

Нужно было сделать больше картинок ))) методом научного тыка я их победил , Вам огромное спасибо . Подогнал по размерам работает отлично . Вот ещё конфликт между скриптами убрать будет вообще СУПЕР !!!!

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

Re: [решено]Карусель картинок

Сообщение автор Домовой в Ср 31 Окт - 18:41

@Леший пишет:Нужно было сделать больше картинок ))) методом научного тыка я их победил , Вам огромное спасибо . Подогнал по размерам работает отлично . Вот ещё конфликт между скриптами убрать будет вообще СУПЕР !!!!
так просто этот фрагмент

Код:
<div class="carousel-feature"> 
 <a href="#"><img class="carousel-image" alt="Image Caption" src="http://ссылка на картинку"></a> 
 <div class="carousel-caption"> 
 <p>
 Описание к картинке 
 </p> 
 </div>
добавляйте сколько вашей душеньке угодно, до посинения)))

Домовой
 

Мужчина

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

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

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

Re: [решено]Карусель картинок

Сообщение автор Леший в Чт 1 Ноя - 9:19

13
ОТЛИЧНАЯ ВЕЩЬ yes

Леший
 

Мужчина

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

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

http://black-kat.forum2x2.ru

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

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


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