Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Andrey Maestro в Вс 4 Ноя - 16:16

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

Andrey Maestro
 
 

Пол : Мужчина
Сообщения : 164
Место обитания : Луна
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2012-09-05

http://rp-games.forum2x2.com/

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Домовой в Вс 4 Ноя - 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>

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Вс 4 Ноя - 16:52

Спасибо yes

Andrey Maestro
 
 

Пол : Мужчина
Сообщения : 164
Место обитания : Луна
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2012-09-05

http://rp-games.forum2x2.com/

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Вс 4 Ноя - 16:57

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

Andrey Maestro
 
 

Пол : Мужчина
Сообщения : 164
Место обитания : Луна
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2012-09-05

http://rp-games.forum2x2.com/

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Домовой в Вс 4 Ноя - 18:06

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

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Вс 4 Ноя - 18:24

HTML yes

Andrey Maestro
 
 

Пол : Мужчина
Сообщения : 164
Место обитания : Луна
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2012-09-05

http://rp-games.forum2x2.com/

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Домовой в Вс 4 Ноя - 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%"><!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="https://news.google.com/news/feeds?pz=1&cf=all&ned=ru_ru&hl=ru&source=uds&q=%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D0%B8&output=rss";
rssmikle_frame_width="660";
rssmikle_frame_height="300";
rssmikle_target="_blank";
rssmikle_font="";
rssmikle_font_size="16";
rssmikle_border="on";
rssmikle_css_url="";
rssmikle_title="off";
rssmikle_title_bgcolor="#0066FF";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#666666";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="80";
rssmikle_item_title_color="#ffffff";
rssmikle_item_border_bottom="on";
rssmikle_item_description="off";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_date="off";
rssmikle_item_description_tag="off";
rssmikle_item_podcast="off";
//-->
</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>
<!--Please display the above link in your web page according to Terms of Service.-->
</div>
<!-- end feedwind code -->
</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"><!-- Gismeteo informer START -->
<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>
<!-- Gismeteo informer END --></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"><!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t57.11;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,80))+";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
</div>
<!-- Yandex.Metrika informer --><a href="http://metrika.yandex.ru/stat/?id=18057844&amp;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><!-- /Yandex.Metrika informer --><!-- Yandex.Metrika counter --><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><!-- /Yandex.Metrika counter -->
</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>
http://domovoy.forumy2x2.ru/h12-page

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Вс 4 Ноя - 18:45

да именно так и надо!А что я не так сделал?

Andrey Maestro
 
 

Пол : Мужчина
Сообщения : 164
Место обитания : Луна
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2012-09-05

http://rp-games.forum2x2.com/

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Домовой в Вс 4 Ноя - 19:20

я вынес скрипты и css карусели из таблицы, оставил там только сам див с картинками

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: [решено]Карусель картинок

Сообщение автор Andrey Maestro в Пн 5 Ноя - 5:10

Спасибо yes

Andrey Maestro
 
 

Пол : Мужчина
Сообщения : 164
Место обитания : Луна
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2012-09-05

http://rp-games.forum2x2.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения