Jump to content

Wh1Te1

Neophyte
  • Posts

    1
  • Joined

  • Last visited

Wh1Te1's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Добрый день, имеется следующая проблема. Делаю верстку сайта, скачал уже готовый слайдер из интернета. Прописал путь до скриптов, картинок которые к нему прилагались. Все работает, и меняется. Проблема возникаем после того, как создаю новый <div "class=.......";> </div>. Настраиваю его размеры в css файле, он отображается, но слайдер больше не отображается. Нужна помощь в том, как сделать верстку после слайдера. Это код копируется в тэг <head> Верстка делается на HTML5 <style>body {margin: 0;padding: 0;}a {color: #09f;}a:hover {text-decoration: none;}#back_to_camera {clear: both;display: block;height: 80px;line-height: 40px;padding: 20px;}.fluid_container {margin: 0 auto;max-width: 1000px;width: 90%;}</style> <script type='text/javascript' src='scripts/jquery.min.js'></script> <script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script> <script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script> <script type='text/javascript' src='scripts/camera.min.js'></script> <script>jQuery(function(){jQuery('#camera_wrap_1').camera({thumbnails: true});jQuery('#camera_wrap_2').camera({height: '400px',loader: 'bar',pagination: false,thumbnails: true});});</script>Этот код слайдера копируется непосредственно в структуру сайта: <div class="fluid_container"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> <div data-thumb="images/slides/thumbs/bridge.jpg" data-src="images/slides/bridge.jpg"> <div class="camera_caption fadeFromBottom"> Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> </div> </div> <div data-thumb="images/slides/thumbs/leaf.jpg" data-src="images/slides/leaf.jpg"> <div class="camera_caption fadeFromBottom"> It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> </div> </div> <div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/road.jpg"> <div class="camera_caption fadeFromBottom"> <em>It's completely free</em> (even if a donation is appreciated) </div> </div> <div data-thumb="images/slides/thumbs/sea.jpg" data-src="images/slides/sea.jpg"> <div class="camera_caption fadeFromBottom"> Camera slideshow provides many options <em>to customize your project</em> as more as possible </div> </div> <div data-thumb="images/slides/thumbs/shelter.jpg" data-src="images/slides/shelter.jpg"> <div class="camera_caption fadeFromBottom"> It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> </div> </div> <div data-thumb="images/slides/thumbs/tree.jpg" data-src="images/slides/tree.jpg"> <div class="camera_caption fadeFromBottom"> Different color skins and layouts available, <em>fullscreen ready too</em> </div> </div> </div><!-- #camera_wrap_1 --> </div><!-- .fluid_container -->Мне нужно знать что писать после кода слайдера, чтобы создать новый блок. Какая стоимость вопроса ?
×
×
  • 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