Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Подскажите сборку плагинов для реализации задачи (https://javascript.ru/forum/jquery/38402-podskazhite-sborku-plaginov-dlya-realizacii-zadachi.html)

spo 30.05.2013 22:08

Подскажите сборку плагинов для реализации задачи
 
Здравствуйте.
Подскажите пожалуйста плагин jquery или сборочку на которой можно реализовать следующий функционал:
  1. Слайдер или карусель (изображение и две кнопки "влево" и "вправо").
  2. Изображения должны подгружаться аяксом из файла.
  3. Размер картинки должен меняться при изменении размеров окна (адаптив).
  4. При клике на картинку она должна открываться в полном формате в окне.

Пробовал плагин 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

Цитата:

Сообщение от DjDiablo (Сообщение 253810)
просто нам кажется гуглом ты и сам в состоянии воспользоваться

Все относительно.
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

Отличная шутка.


Часовой пояс GMT +3, время: 19:52.