Jump to content
  • 0

Подскажите пожалуйста слайдер с миниатюрами


inferusvv
 Share

Question

Нужен слайдер почти обыкновенный слайдер изображений с миниатюрами. Но особенность в том, что миниатюры нужно открепить от слайдера и разместить внизу. Вот так:

img.jpg

Т.е. когда мы выбираем цвет кожи, картинка меняется в слайдере. Причем еще желательно разделять на две группы миниатюры. Я вообще такого с роду не видел :) Может кто подскажет, пожалуйста?

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Можно взять именно слайдер, а pagenation (кнопки с номерами) оформить css (т.е. сделать background, inline-block и пр) а по факту это останется кнопка с номером. Только вот со второй группой возможно не все-так просто...

Edited by Cryolite
Link to comment
Share on other sites

  • 0

Можно взять именно слайдер, а pagenation (кнопки с номерами) оформить css (т.е. сделать background, inline-block и пр) а по факту это останется кнопка с номером. Только вот со второй группой возможно не все-так просто...

Видишь ли, проблема в таком случае начинается в отвязке пагинации. Потом картинки будут добавлятся в админке, так что стили не очень таки тут будут.. Я вообще не знаю, что и делать)

Link to comment
Share on other sites

  • 0

Можно взять именно слайдер, а pagenation (кнопки с номерами) оформить css (т.е. сделать background, inline-block и пр) а по факту это останется кнопка с номером. Только вот со второй группой возможно не все-так просто...

Видишь ли, проблема в таком случае начинается в отвязке пагинации. Потом картинки будут добавлятся в админке, так что стили не очень таки тут будут.. Я вообще не знаю, что и делать)

Там только сам background-image меняется (у кнопок обычно есть id), но можно сделать свою с <img /> и делать click() по родной невидимой кнопке. (Хотя этот способ, наверное, не самый лучший)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy