![[решено]Карусель картинок Fdf10](https://i.servimg.com/u/f39/18/45/41/65/fdf10.png)
Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
[решено]Карусель картинок
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2
Страница 1 из 2 • 1, 2 
![[решено]Карусель картинок Empty](https://illiweb.com/empty.gif)
Карусель картинок
автор Andrey Maestro Октябрь 30th 2012, 08: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>
Andrey Maestro-
-
Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17
-
Re: [решено]Карусель картинок
автор Andrey Maestro Октябрь 30th 2012, 12:01
И еще вопрос как размер настраивать в этом коде?
Andrey Maestro-
-
Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 30th 2012, 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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Andrey Maestro Октябрь 30th 2012, 13:48
блин жаль что размер нельзя поменять.тогда он мне не подходит.мне нужен примерно 670*260.С описанием к картинкам.Ладно поищу еще варианты. Может что предложите?
Andrey Maestro-
-
Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 30th 2012, 19:23
я попытаюсь этот подстроить, но не обещаю.Andrey Maestro пишет:блин жаль что размер нельзя поменять.тогда он мне не подходит.мне нужен примерно 670*260.С описанием к картинкам.Ладно поищу еще варианты. Может что предложите?
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Домовой Октябрь 30th 2012, 21:17
ну в общем могу предложить два варианта.
ПЕРВЫЙ
Здесь всё то же самое, только css кодам что находятся в тегах <style></style> добавьте ещё один код
ПЕРВЫЙ
- Код:
<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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Домовой Октябрь 30th 2012, 21:27
Предупреждаю что в браузере IE не работает.
Хотя в осле много чего не работает.
Хотя в осле много чего не работает.
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Andrey Maestro Октябрь 31st 2012, 06:00
Домовой,подскажите пожалуйста,почему когда я вставляю свою картинку ,то размеры карусели нарушаются?ка исправить?
Andrey Maestro-
-
Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17
-
Re: [решено]Карусель картинок
автор Andrey Maestro Октябрь 31st 2012, 06: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
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 31st 2012, 07:55
вы просили под размер картинок 670*260
а сами вкрячили 625*469
и что вы от меня хотите?
а сами вкрячили 625*469
и что вы от меня хотите?
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Andrey Maestro Октябрь 31st 2012, 08:39
А все понял,я не так объяснил,извиняюсь.Мне нужен был размер не картинок, а самой карусели,ну и соответственно размер картинок должен был быть меньше.Я просто подумал,что это все как то настраивать можно.Еще раз извиняюсь и спасибо за помощь 
Andrey Maestro-
-
Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17
-
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 11:24
Поставил себе на ВВ3 выглядит отлично . Если можно то расскажите как сдвинуть в лево картинки чтоб по центру было , или за место лого их поставить, 
За ранее признателен !!!
За ранее признателен !!!
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Andrey Maestro Октябрь 31st 2012, 12:14
Я поставил в приветствие,у меня все по центру. bb2
Andrey Maestro-
-
Сообщения : 164
Регистрация : 2012-09-05
Благодарности : 17
-
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 12:17
мне бы в лево сместить . а так всё отлично работает. Виджет загораживает , не красиво
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Vadim Октябрь 31st 2012, 12:25
Может кто не видел, такой вариант еще есть: https://help.forum2x2.ru/t26899-topic тоже при поддержке Домового скрипт писался, фотографии можно сделать совершенно любого размера, к тому же они разворачиваются и к ним есть подписи, есть возможность смотреть слайдшоу. Единственное "но" работает только в версиях punBB и phpBB3
Vadim-
-
Сообщения : 537
Возраст : 35
Регистрация : 2012-03-01
Благодарности : 56
-
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 12:28
Y.nby пишет:Может кто не видел, такой вариант еще есть: https://help.forum2x2.ru/t26899-topic тоже при поддержке Домового скрипт писался, фотографии можно сделать совершенно любого размера, к тому же они разворачиваются и к ним есть подписи, есть возможность смотреть слайдшоу. Единственное "но" работает только в версиях punBB и phpBB3
Да мне это вариант очень понравился , хотелось реализовать его ((( Указанные варианты я пробовал
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 31st 2012, 12:30
Леший, у вас очень узкий форум. Эта карусель больше подходит для фиксированной ширины форума.
В данном случае карусель имеет ширину 1000px а высоту 320px
пробуйте поменять значения в этих кодах
В данном случае карусель имеет ширину 1000px а высоту 320px
пробуйте поменять значения в этих кодах
- Код:
#carousel-container {
width:1000px!important;
}
#carousel {
height:320px!important;
width:1000px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 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;
}
Спасибо щас попробую . А про ширину форума я тоже склоняюсь к тому чтобу расширить его
Спасибо за помощь . Буду эксперементировать
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 12:39
Домовой спасибо , размеры подогнал всё отлично ,Вот только одна закономерность , ставлю в преветствие , пропадает аватарка последнего кто написал сообщения . Жалко если выбирать придётся между скриптами .
Может есть вариант чтоб оба работали ??
Может есть вариант чтоб оба работали ??
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 31st 2012, 13:10
проверил, действительно конфликт.
Как исправить не знаю.
Как исправить не знаю.
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 14:32
Очень жаль , пусть лучше карусель останется . Можно и менять оформление . Надо попробовать другие скрипты может с ними конфликта не будет. Ещё раз спасибо за помощь .Домовой пишет:проверил, действительно конфликт.
Как исправить не знаю.
P.S. Домовой , Вы как специалист, может поможете решить проблему с колонкой виджитов в соседней теме
Или носом ткните где смотреть , весь форум облазил , поисковик уже матерится на меня 
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 16:11
А можно увеличить обём картинок в галереии прокрутки , если да то какую часть скрипта копировать ??? И убрать счётчик фотографий
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 31st 2012, 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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: [решено]Карусель картинок
автор Леший Октябрь 31st 2012, 18:34
Нужно было сделать больше картинок ))) методом научного тыка я их победил , Вам огромное спасибо . Подогнал по размерам работает отлично . Вот ещё конфликт между скриптами убрать будет вообще СУПЕР !!!!
Леший-
-
Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349
-
Re: [решено]Карусель картинок
автор Домовой Октябрь 31st 2012, 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
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Страница 1 из 2 • 1, 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения![[решено]Карусель картинок Fb11](https://i.servimg.com/u/f21/18/21/41/30/fb11.png)
Facebook![[решено]Карусель картинок Pi10](https://i.servimg.com/u/f21/18/21/41/30/pi10.png)
ВКонтакте
