Карусель картинок

автор Andrey Maestro Ноябрь 4th 2012, 16:16

Здравствуйте!
Покажите пожалуйста код целиком,с примера номер 5,с этой темы https://help.forum2x2.ru/t20438-topic.А то чет у меня не работает unknown

автор Домовой Ноябрь 4th 2012, 16:26

А там разве не целиком? Там просто ссылки на картинки надо вставить.
и что бы корректно работало надо картинки ставить одинакового размера

Код:: <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: 4000, // целое число - в милисекундах, период между сменами слайдов }); }); </script> <center> <div id="slider_cont"> <div id="slider1"> <div><img src="http://www.snapsnap.ru/i/1jqj.jpg"/></div> <div><img src="http://www.snapsnap.ru/i/2ulu.jpg"/></div> <div><img src="http://www.snapsnap.ru/i/3zzz.jpg"/></div> <div><img src="http://www.snapsnap.ru/i/wallpa10.jpg"/></div> <div><img src="http://www.snapsnap.ru/i/4xcx.jpg"/></div> <div><img src="http://www.snapsnap.ru/i/ciccic.jpg"/></div> </div> </div> </center> <style> #slider_cont { background:url(http://i40.servimg.com/u/f40/14/80/95/87/grain10.png) #fff; border:2px solid #006699; margin:5px; width:670px!important; padding:1px; } .bx-prev { position:absolute; top:45%; left:1px; 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:45%; right:1px; 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>

автор Andrey Maestro Ноябрь 4th 2012, 16:52

Спасибо

автор Andrey Maestro Ноябрь 4th 2012, 16:57

Упс извиняюсь еще не решено.Вот посмотрите что получилось.Мой форум

автор Домовой Ноябрь 4th 2012, 18:06

это TTML страница?

автор Andrey Maestro Ноябрь 4th 2012, 18:24

HTML

автор Домовой Ноябрь 4th 2012, 18:34

может вот так надо?

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel='shortcut icon' href='http://www.snapsnap.ru/i/cabrioletred4.png' type='image/x-icon' /> <style type="text/css"> body { background:url(http://www.snapsnap.ru/i/skorostnayadoroga.jpg); background-repeat:repeat; background-attachment:fixed; background-position:top center; } .mnu { text-align: center; } .mnu a { display: block; margin: 0 auto; } .cell3 { text-align: center; border:none 5px #000000; -moz-border-radius-topleft: 23px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:29px; -webkit-border-top-left-radius:23px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:29px; border-top-left-radius:23px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:29px; background-color: rgba(26, 28, 42, 0.2); background: rgba(26, 28, 42, 0.2); color: #000; padding: 10px; -moz-box-shadow: 0px 0px 7px #000000; -webkit-box-shadow: 0px 0px 7px #000000; box-shadow: 0px 0px 7px #000000; margin: 10px; } </style> </head> <body> <table class="tbglav" width="100%" border="0"> <tr valign="top"> <td colspan="4" align="center" valign="middle" ><div class="cell3"><a href="http://sayan-avto.forum2x2.ru/" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte16.png" border="0" alt="Саяногорский форум автолюбителей" /></a> <tr valign="top"> <td align="left" align="center" width="260"> <div class="cell3"><a href="http://sayan-avto.forum2x2.ru/"_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte24.png" border="0" alt="Объявление о продаже" /></a> <br /><div class="mnu"> <a href="http://sayan-avto.forum2x2.ru/f1-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte20.png" border="0" alt="Автомобили" /></a> <a href="http://sayan-avto.forum2x2.ru/f2-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte21.png" border="0" alt="Мототехника" /></a> <a href="http://sayan-avto.forum2x2.ru/f3-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte22.png" border="0" alt="Спецтехника" /></a> <a href="http://sayan-avto.forum2x2.ru/f4-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte23.png" border="0" alt="Запчасти" /></a> <a href="" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte57.png" border="0" alt="Подать объявление" /></a> <a href="http://sayan-avto.forum2x2.ru/f5-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte58.png" border="0" alt="Продать автомобиль" /></a> <a href="http://sayan-avto.forum2x2.ru/f6-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte59.png" border="0" alt="Продать мотоцикл" /></a> <a href="http://sayan-avto.forum2x2.ru/f7-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte60.png" border="0" alt="Продать спецтехнику" /></a> <a href="http://sayan-avto.forum2x2.ru/f8-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte61.png" border="0" alt="Продать запчасти" /></a> </div></td> <td colspan="2" width="50%"> <script type="text/javascript">  </script> <script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script><div style="font-size:10px; text-align:right;"> <a href="http://feed.mikle.com/en/" target="_blank" style="color:#CCCCCC;">FeedWind</a>  </div>  </td> <td align="center" width="260" ><div class="cell3"><a href="" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte62.png" border="0" alt="Форум помощи по ремонту и обслуживанию" /></a> <a href="http://sayan-avto.forum2x2.ru/f13-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte68.png" border="0" alt="Иномарки" /></a> <a href="http://sayan-avto.forum2x2.ru/f14-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte67.png" border="0" alt="Отечественные авто" /></a> <a href="http://sayan-avto.forum2x2.ru/f17-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte69.png" border="0" alt="Мотоциклы" /></a> <a href="http://sayan-avto.forum2x2.ru/f18-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte70.png" border="0" alt="Полезные советы" /></a> <a href="http://sayan-avto.forum2x2.ru/f21-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte71.png" border="0" alt="Магазин запчастей" /></a> <a href="http://sayan-avto.forum2x2.ru/f20-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte72.png" border="0" alt="СТО" /></a> <a href="http://sayan-avto.forum2x2.ru/forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte74.png" border="0" alt="Форум" /></a> <a href="http://www.gibdd.ru/" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte75.png" border="0" alt="Сайт ГИБДД" /></a> </td> </tr> <tr valign="top"> <td align="left" valign="middle"> <link rel="stylesheet" type="text/css" href="http://www.gismeteo.ru/static/css/informer2/gs_informerClient.min.css"><div id="gsInformerID-veTGCSGD" class="gsInformer" style="width:213px;height:274px"> <div class="gsIContent"> <div id="cityLink"> <a href="http://www.gismeteo.ru/city/daily/11841/" target="_blank">Погода в Саяногорске</a> </div> <div class="gsLinks"> <table> <tr> <td> <div class="leftCol"> <a href="http://www.gismeteo.ru" target="_blank"> <img alt="Gismeteo" title="Gismeteo" src="http://www.gismeteo.ru/static/images/informer2/logo-mini2.png" align="absmiddle" border="0" /> <span>Gismeteo</span> </a> </div> <div class="rightCol"> <a href="http://www.gismeteo.ru/city/weekly/11841/" target="_blank">Прогноз на 2 недели</a> </div> </td> </tr> </table> </div> </div> </div> <script src="http://www.gismeteo.ru/ajax/getInformer/?hash=veTGCSGD" type="text/javascript"></script> </td> <td> <center><div id="slider_cont"><div id="slider1"><div><img src="http://www.snapsnap.ru/i/1jqj.jpg"/></div><div><img src="http://www.snapsnap.ru/i/2ulu.jpg"/></div><div><img src="http://www.snapsnap.ru/i/3zzz.jpg"/></div><div><img src="http://www.snapsnap.ru/i/wallpa10.jpg"/></div><div><img src="http://www.snapsnap.ru/i/4xcx.jpg"/></div><div><img src="http://www.snapsnap.ru/i/ciccic.jpg"/></div> </div> </div> </center> </td> <td></td> <td align="right"><a href="http://www.forum2x2.ru"><img src="http://i34.servimg.com/u/f34/16/54/26/99/gge15.gif" alt="Создать форум" title="forum2x2.ru" /></a><div class="my_banners"> <div align="right"><script type="text/javascript"></script> </div> <a href="http://metrika.yandex.ru/stat/?id=18057844&from=informer" target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/18057844/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:18057844,type:0,lang:'ru'});return false}catch(e){}"/></a><script type="text/javascript">var yaParams = {/*Здесь параметры визита*/};</script><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter18057844 = new Ya.Metrika({id:18057844, enableAll: true, trackHash:true, ut:"noindex", webvisor:true,params:window.yaParams||{ }}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/18057844?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </td> </tr> </table> <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: 4000, // целое число - в милисекундах, период между сменами слайдов }); }); </script> <style> #slider_cont { background:url(http://i40.servimg.com/u/f40/14/80/95/87/grain10.png) #fff; border:2px solid #006699; margin:5px; width:670px!important; padding:1px; } .bx-prev { position:absolute; top:45%; left:1px; 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:45%; right:1px; 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> </body> </html>