Вход

Просмотр полной версии : Подскажите сборку плагинов для реализации задачи


spo
30.05.2013, 22:08
Здравствуйте.
Подскажите пожалуйста плагин jquery или сборочку на которой можно реализовать следующий функционал:

Слайдер или карусель (изображение и две кнопки "влево" и "вправо").
Изображения должны подгружаться аяксом из файла.
Размер картинки должен меняться при изменении размеров окна (адаптив).
При клике на картинку она должна открываться в полном формате в окне.


Пробовал плагин jcarousel, так как он позволяет подгружать картинки аяксом. Но у него необходимо жестко задавать размеры.
Другие плагины которые пытался связать, так же не имели тех или иных возможностей из списка.

DjDiablo
31.05.2013, 00:11
Пошукай в яндексе тему 'адаптивный slider'
К примеру вот http://www.dejurka.ru/web-design/adaptive-sliders/

spo
31.05.2013, 00:43
Спасибо, я хотел узнать в какой связке есть все те пункты которые я перечислил.

spo
31.05.2013, 15:14
Неужели никто не знает как данную связку реализовать?

DjDiablo
31.05.2013, 17:15
просто нам кажется гуглом ты и сам в состоянии воспользоваться

spo
31.05.2013, 18:15
просто нам кажется гуглом ты и сам в состоянии воспользоваться

Все относительно.
1. Тему на форуме я создал после поисков и некоторых экспериментов.
2. Я повторил вопрос в данной теме после того как воспользовался вашим советом и изучил вывод по ключу адаптивный слайдер. Как я уже писал вначале ни один не удовлетворяет тем требованиям который я описал стартовом посте.

Спасибо что тратите на меня свое время, но я вас очень прошу, если беретесь помочь, то внимательно прочитайте вопрос.

Deff
31.05.2013, 18:36
spo,
Делаете
<script src="http://code.jquery.com/jquery-latest.js"></script>


<input id="slideNum" type="range" min="0" max="2" value="0">


<script type="text/javascript">
var start=0;
$(document).ready(function(){alert()
$('#slideNum').change(function() {
var delt = $(this).val()-start;
if(!delt)return false;
start = $(this).val();
alert(delt);
return false;
});
});
</script>
Далее в зависимости от знака delt кликаете программно на левую или правую клавишу слайдера, *кнопки могут быть скрыты
Параметр max="2" в input выставляем в соответствии с (кол-вом слайдов - 1)

spo
01.06.2013, 02:37
Отличная шутка.