Смена картинок при клике - jQuery (СРОЧНО)
Страницы: 1
Смена картинок при клике - jQuery (СРОЧНО)
Нужно простой слайдер )) Есть три картинки по очереди . при клике preview показалось предыдущая картинка и при клике next следующая... картинки взять с помощью find('img[src='......) Может не хорошо оформил вопрос простите ))

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

вот же простое решение! _http://biznesguide.ru/demo/rotator/ или вот смотрите где "Модальные окна для нескольких изображений"... _http://www.luksweb.ru/view_post.php?id=273

очень просто в установке!
Изменено: anna911 - 22 Января 2016 00:57
anna911, Второй не то ) мне нужен именно так как я сказал .первый тоже ...
Да, из вопроса не понятно зачем вам именно find.Из готовых решений, возьмите http://kenwheeler.github.io/slick/
Простой и удобный слайдер с высокой кастомизацией.

Если надо на существующем сайте повесить такой слайдер, то покажите верстку - напишу вам базовый код.
Feanorr, 
Код
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-1.2.6.min.js"></script>
   
    <link rel="stylesheet" type="text/css" href="css/style.css">


</head>
<body>

    <div class="thumbnails">
        <img src="1.jpg">
        <img src="2.jpg">
        <img src="3.jpg">
    </div>
</div>


</body>
</html>
Вот скажем видна была картинка 2  чтоб просто при клике next перешел на тертую картинку а preview 1.чтоб картинки взял с помощью find('img[src='......) [FONT=Tahoma, Arial, Helvetica, sans-serif]Спасибо большое заранее smile:) [/FONT]
Цитата
видна была картинка 2
А чем другие картинки сейчас скрыты? display:none или за рамками отображаемого блока?одного HTML тут мало будет smile:)


Базовое решение такое:

Для класса thumbnails установите стиль overflow:hidden и padding: 0px, в нем делаете еще 1 div, получиться так:
Код
    <div class="thumbnails"> 
       <div id="slider_block">
        <img src="1.jpg">
        <img src="2.jpg">
        <img src="3.jpg"> 
       </div>
    </div>



теперь  JQuery:

$(".next").on("click", function(){
      $(".thumbnails").css("padding-right", "-200px"); /*При условии что ширина картинки 200px, если другое изменить*/
});

тоже самое с prev.
можно css на animate заменить для плавного перехода.
Feanorr, Большое спасибо .
Feanorr, прошу прощения, а с каких пор позволен отрицательный padding?))
Александр, спасибо! Да, вы правы. В торопях написал padding, нужен margin.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
19:49 Можно с помощью накрутки ПФ "почувствовать выход в опу мира и ощутить ответ тех поддержки яшы"? 
18:27 7 августа 2020 выдача | Для вас когда лето кончается? 
17:53 Поменял домен 
15:25 Adtrafico - Правильная партнёрская сеть под бурж трафик 
06:49 Kokos.click - народная тизерная сеть! 
21:59 Накрутка поведенческих факторов весна - лето 2020 для продвижения сайта в ТОП Яндекса и Google 
21:20 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
18:55 Продам сайт 
17:19 Скопирую сайт любой сложности: быстро, качественно и без головной боли. 
16:21 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
15:17 EnotGlobal – Реактивная генерация поведенческого трафика. 
19:06 Продам свежий сайт о путешествиях 
18:13 World-Bases.com - Списки сайтов и доменов на различных CMS: WordPress, Joomla, Magento, Drupal etc. 
14:26 Размещу ссылки/статьи на ваш сайт 
20:39 Билл Гейтс предсказал "катастрофу страшнее пандемии коронавируса" 
20:18 ruposters.ru: На турецких курортах резко началась новая волна коронавируса 
16:50 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:07 Дуров увидел в попытке США выкупить TikTok угрозу гибели глобального интернета 
18:07 Партнёрская рекламная сеть Vadideo Network 
11:59 Edu-affiliates - лучшая партнерка в нише эссе! 
07:46 Обсчитали в магазине