и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах
В примере используется ссылка на http://placehold.it сервис
Но в примере текст
Я попробовал подсунуть урл своей локальной картинки
<div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div>
И получил ошибку
GET https://placeholdit.http//local-wprods.com/uploads/settings/sliders/settings_slider_image_1.png&w=350&h=150 net::ERR_NAME_NOT_RESOLVED
bootstrap.min.js:6 GET https://placeholdit.http//local-wprods.com/uploads/settings/sliders/settings_slider_image_2.png&w=350&h=150 net::ERR_NAME_NOT_RESOLVEDc.slide @ bootstrap.min.js:6c.next @ bootstrap.min.js:6e @ jquery-3.1.0.min.js:2
1) Я так понимаю что этот сервис с локальными сайтами работать не может?
И еще вопросы :
2) если я хочу чтобы был слайдер был картинкой на разных девайсах нужно ли мне для каждой картинки слайдера прописать 4 картинки под каждый девайс
и прятать/отображать их с помощью
<spanclass="visible-xs "> ?
3) Может есть какой более простой и удобный способ для подобного слайдера?
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.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
mstdmstd
Всем привет,
Делаю верстку с этого ref шаблона
и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах
В примере используется ссылка на http://placehold.it сервис
Но в примере текст
Я попробовал подсунуть урл своей локальной картинки
<div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div>
И получил ошибку
GET https://placeholdit.http//local-wprods.com/uploads/settings/sliders/settings_slider_image_1.png&w=350&h=150 net::ERR_NAME_NOT_RESOLVED bootstrap.min.js:6 GET https://placeholdit.http//local-wprods.com/uploads/settings/sliders/settings_slider_image_2.png&w=350&h=150 net::ERR_NAME_NOT_RESOLVEDc.slide @ bootstrap.min.js:6c.next @ bootstrap.min.js:6e @ jquery-3.1.0.min.js:2
1) Я так понимаю что этот сервис с локальными сайтами работать не может?
И еще вопросы :
2) если я хочу чтобы был слайдер был картинкой на разных девайсах нужно ли мне для каждой картинки слайдера прописать 4 картинки под каждый девайс
и прятать/отображать их с помощью
3) Может есть какой более простой и удобный способ для подобного слайдера?
Спасибо!
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
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.