Jump to content
  • 0

Какие есть идеи? - верстка слайдера


xSPiRiTx
 Share

Question

Использую этот слайдер:

http://www.devsaran.com/theme/dark_elegant/

видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом.

В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой.

У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки переключалки оставить, но впринцыпе они не так и важны.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

я не знаю как объяснить....вот видишь слайдер? видишь красную "шторку" и на ней текст? Слайды двигаются и шторка вместе с ними тоже. Вот думаю как оставить шторку статичной поверх всего слайдера. Тоесть там картинки двигаются, а поверх них эта шторка висит и не дергается.

Link to comment
Share on other sites

  • 0

я не знаю как объяснить....вот видишь слайдер? видишь красную "шторку" и на ней текст? Слайды двигаются и шторка вместе с ними тоже. Вот думаю как оставить шторку статичной поверх всего слайдера. Тоесть там картинки двигаются, а поверх них эта шторка висит и не дергается.

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

Больше мне нечего ответить. Или я не понимаю или вы.

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