Картинки на гл.страницу

Домовой пишет:Там нет такой которую вы показали.
А из того что есть ниодна работать не будет.
Навернулся хостинг на котором залиты файлы скриптов.
Если вы потерпите я постараюсь найти то что вы хотите
А если вам что то понравилось из того что есть то укажите какой вариант именно вам нужен я выложу рабочий скрипт.

Fanat пишет:
ну если можите то вариант 2

Linkin_Park пишет:Скажите пожалуйста как сделать мне картинки что бы они перелистывались как здесь http://crime-streets.ru/ ??

Код:

<script type="text/javascript" src="http://yourjavascript.com/21139232152/bxslider.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/11225442391/common.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('#slider1').bxSlider({
  auto: true,          // true, false - автоматическая смена слайдов
  speed: 600,      // целое число - в милисекундах, скорость смены слайдов
 pause: 5000,  // целое число - в милисекундах, период между сменами слайдов
    });
  });
</script>

<center><div id="slider_cont"><div id="slider1"><div><img src="http://i40.servimg.com/u/f40/17/80/56/66/112.jpg" /></div><div><img src="http://i40.servimg.com/u/f40/17/80/56/66/212.jpg" /></div><div><img src="http://i40.servimg.com/u/f40/17/80/56/66/413.jpg" /></div><div><img src="http://i40.servimg.com/u/f40/14/80/95/87/317.jpg" /></div>
</div>
</div>
</center>

<style>
#slider_cont {
background:url(http://i40.servimg.com/u/f40/14/80/95/87/grain10.png) #000;
border:1px solid #111;
margin-bottom:0;
width:660px!important;
padding:1px;
}

.bx-prev {
position:absolute;
top:78px;
left:0;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_p10.png) no-repeat 0 -30px;
}

.bx-next {
position:absolute;
top:78px;
right:0;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_n10.png) no-repeat 0 -30px;
}

.bx-next:hover,.bx-prev:hover {
background-position:0 0;
border:0;
}
</style>
 

Домовой пишет:

Linkin_Park пишет:Скажите пожалуйста как сделать мне картинки что бы они перелистывались как здесь http://crime-streets.ru/ ??

Получите и распишитесь)))))

Код:

<script type="text/javascript" src="http://yourjavascript.com/21139232152/bxslider.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/11225442391/common.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('#slider1').bxSlider({
  auto: true,          // true, false - автоматическая смена слайдов
  speed: 600,      // целое число - в милисекундах, скорость смены слайдов
 pause: 5000,  // целое число - в милисекундах, период между сменами слайдов
    });
  });
</script>

<center><div id="slider_cont"><div id="slider1"><div><img src="http://i40.servimg.com/u/f40/17/80/56/66/112.jpg" /></div><div><img src="http://i40.servimg.com/u/f40/17/80/56/66/212.jpg" /></div><div><img src="http://i40.servimg.com/u/f40/17/80/56/66/413.jpg" /></div><div><img src="http://i40.servimg.com/u/f40/14/80/95/87/317.jpg" /></div>
</div>
</div>
</center>

<style>
#slider_cont {
background:url(http://i40.servimg.com/u/f40/14/80/95/87/grain10.png) #000;
border:1px solid #111;
margin-bottom:0;
width:660px!important;
padding:1px;
}

.bx-prev {
position:absolute;
top:78px;
left:0;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_p10.png) no-repeat 0 -30px;
}

.bx-next {
position:absolute;
top:78px;
right:0;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_n10.png) no-repeat 0 -30px;
}

.bx-next:hover,.bx-prev:hover {
background-position:0 0;
border:0;
}
</style>
 

Домовой пишет:у меня перелистываются?
http://domovoy.forumy2x2.ru/
http://domovoybb3.rossiaforum.com/
http://domovoybb3.rossiaforum.com/h5-page

Домовой пишет:главная страница я так понимаю это html страничка?
Я вам дал пример
http://domovoybb3.rossiaforum.com/h5-page
работает