слайдер

[sinigami 4]

Привет народ, хочу выдрать с сайта слайдер вот этот

кто знает как его от туда взять?? помогите плз

вот сам сайт

[alex32 947]

да ляхко. но он тяжеллыыыыыый, просто ппц...

[sinigami 4]

да там вроде только js да немного Css

[Captain 636]

http://ruseller.com/lessons.php?id=123&rub=32

[sinigami 4]

Спасибо, а ест та часть чтр справа??

[odys 385]

Спасибо, а ест та часть чтр справа??

да это обычный custom

[sinigami 4]

попробовал слайдер поставить вышло что сам он работает, когда делаю изменения чтобы работали новвости там картинки выводились и все такое, ничего не выводится

оригинал

<div class="panel">

     <img src="img/02.jpg" /> 

    <div class="panel-overlay">

      <h2>Eden</h2>

      <p>Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.  View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p>


    </div>

  </div>

мой вариант

<div class="panel">

	 <img src="{image-1}" />

    <div class="panel-overlay">

	  <h2>{text limit="25"}</h2>

	  <p>Photo by <a href="{full-link}" target="_blank">tomharry</a>.  View full-size photo <a href="{full-link}" target="_blank">here</a>.</p>

    </div>

  </div>

не получается както подставить все это дело

[odys 385]

работали новвости там картинки выводились и все такое

мне вот интересно, а куда ты всё это, которое твой вариант, прописываешь?

[sinigami 4]

создал отдельный фаил назвал его slider.tpl подключил его в шаблон в main Вставил

<link type="text/css" rel="stylesheet" href="{THEME}/css/slider.css" />

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

    <script type="text/javascript" src="{THEME}/js/1/jquery.easing.1.3.js"></script>

    <script type="text/javascript" src="{THEME}/js/1/jquery-galleryview-1.0.1/jquery.galleryview-1.0.1-pack.js"></script>

    <script type="text/javascript" src="{THEME}/js/1/jquery-galleryview-1.0.1/jquery.timers-1.1.2.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$('#photos').galleryView({

panel_width: 800,

panel_height: 300,

frame_width: 100,

frame_height: 38,

transition_speed: 1200,

background_color: '#222',

border: 'none',

easing: 'easeInOutBack',

pause_on_hover: true,

nav_theme: 'custom'

});

});

</script>

в slider.tpl это

<div id="gallery_wrap">

<div id="photos" class="galleryview">



  <div class="panel">

<a href="{link}">

<img src="{image-1}" alt="" width="355" />

</a>

<div class="panel-overlay">

<div class="pan">

<a href="{link}">{title}</a>

</div>

</div>

</div>

  <div class="panel">

	 <img src="img/02.jpg" />

    <div class="panel-overlay">

	  <h2>Eden</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.  View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p>

    </div>

  </div>

  <div class="panel">

	 <img src="img/03.jpg" />

    <div class="panel-overlay">

	  <h2>Snail on the Corn</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/baines" target="_blank">baines</a>.  View full-size photo <a href="http://www.sxc.hu/photo/34453" target="_blank">here</a>.</p>

    </div>

  </div>

  <div class="panel">

	 <img src="img/04.jpg" />

    <div class="panel-overlay">

	  <h2>Flowers</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/jazza" target="_blank">jazza</a>.  View full-size photo <a href="http://www.sxc.hu/photo/990169" target="_blank">here</a>.</p>

    </div>

  </div>

  <div class="panel">

	 <img src="img/06.jpg" />

    <div class="panel-overlay">

	  <h2>Alone Beach 2B</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/sgursozlu" target="_blank">sgursozlu</a>.  View full-size photo <a href="http://www.sxc.hu/photo/738279" target="_blank">here</a>.</p>

    </div>

  </div>

  <div class="panel">

	 <img src="img/05.jpg" />

    <div class="panel-overlay">

	  <h2>Sunrise Trees</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/a_glitch" target="_blank">a_glitch</a>.  View full-size photo <a href="http://www.sxc.hu/photo/289581" target="_blank">here</a>.</p>

    </div>

  </div>

  <div class="panel">

	 <img src="img/07.jpg" />

    <div class="panel-overlay">

	  <h2>Waterfall</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/thesaint" target="_blank">thesaint</a>.  View full-size photo <a href="http://www.sxc.hu/photo/174331" target="_blank">here</a>.</p>

    </div>

  </div>

  <div class="panel">

	 <img src="img/08.jpg" />

    <div class="panel-overlay">

	  <h2>Death Valley</h2>

	  <p>Photo by <a href="http://www.sxc.hu/profile/djkmart" target="_blank">djkmart</a>.  View full-size photo <a href="http://www.sxc.hu/photo/270109" target="_blank">here</a>.</p>

    </div>

  </div>

  <ul class="filmstrip">

    <li><img src="img/frame2-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li>

    <li><img src="img/frame2-02.jpg" alt="Eden" title="Eden" /></li>

    <li><img src="img/frame2-03.jpg" alt="Snail on the Corn" title="Snail on the Corn" /></li>

    <li><img src="img/frame2-04.jpg" alt="Flowers" title="Flowers" /></li>

    <li><img src="img/frame2-06.jpg" alt="Alone Beach" title="Alone Beach" /></li>

    <li><img src="img/frame2-05.jpg" alt="Sunrise Trees" title="Sunrise Trees" /></li>

    <li><img src="img/frame2-07.jpg" alt="Waterfall" title="Waterfall" /></li>

    <li><img src="img/frame2-08.jpg" alt="Death Valley" title="Death Valley" /></li>

  </ul>

</div>

</div>

</body>

и сижу вот ковыряю на примире того сайта, что давал.У него это выглядит так

<div class="panel">

<a href="http://online.anidub.com/anime_tv/anime_ongoing/8826-put-asa-dia-no-ace.html">

<img src="http://static3.anidub.com/online/poster/e101028baf.jpg" alt="" width="355" />

</a>

<div class="panel-overlay">

<div class="pan">

<a href="http://online.anidub.com/anime_tv/anime_ongoing/8826-put-asa-dia-no-ace.html">Путь аса / Dia no Ace [29 из 63]</a>

</div>

</div>

</div>

сейчас у меня вот так

<div class="panel">

<a href="{link}">

<img src="{image-1}" alt="" width="355" />

</a>

<div class="panel-overlay">

<div class="pan">

<a href="{link}">{title}</a>

</div>

</div>

</div>

не пашет

[odys 385]

не пашет

да уж. Включаем мозг и те его участки, которые отвечают за логику, особенно.

откуда slider.tpl будет брать информацию для тегов {link}, {title} и {image-1}?

[sinigami 4]

не пашет

да уж. Включаем мозг и те его участки, которые отвечают за логику, особенно.

откуда slider.tpl будет брать информацию для тегов {link}, {title} и {image-1}?

ты либо пытаешься тролить либо пытаешь обидеть.

Я не занимаюсь тем что изучаю двиги и какието языки программирования, наставь на путь

также я не знаю откуда topnews берет инфу

[odys 385]

Я не занимаюсь тем что изучаю двиги и какието языки программирования

да тут не нужно языки программирования знать, это же логично!

Новости выводит shortstory.tpl, топ новостей {topnews} → topnews.tpl. Соответственно в них и должен быть вывод!

это в main.tpl

<link type="text/css" rel="stylesheet" href="{THEME}/css/slider.css" />

	<script type="text/javascript" src="{THEME}/js/1/jquery.easing.1.3.js"></script>

	<script type="text/javascript" src="{THEME}/js/1/jquery-galleryview-1.0.1/jquery.galleryview-1.0.1-pack.js"></script>

	<script type="text/javascript" src="{THEME}/js/1/jquery-galleryview-1.0.1/jquery.timers-1.1.2.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$('#photos').galleryView({

panel_width: 800,

panel_height: 300,

frame_width: 100,

frame_height: 38,

transition_speed: 1200,

background_color: '#222',

border: 'none',

easing: 'easeInOutBack',

pause_on_hover: true,

nav_theme: 'custom'

});

});

</script>

<div id="gallery_wrap">

<div id="photos" class="galleryview">

{topnews}

</div>

</div>

это в topnews.tpl

<div class="panel">

		 <a href="{link}"><img src="{image-1}" /></a>

	<div class="panel-overlay">

		  <h2>{title}</h2>

		  <p>{text limit="120"} …</p>

	</div>

  </div>

[sinigami 4]

Я не занимаюсь тем что изучаю двиги и какието языки программирования

да тут не нужно языки программирования знать, это же логично!

Новости выводит shortstory.tpl, топ новостей {topnews} → topnews.tpl. Соответственно в них и должен быть вывод!

это в main.tpl

<link type="text/css" rel="stylesheet" href="{THEME}/css/slider.css" />

	<script type="text/javascript" src="{THEME}/js/1/jquery.easing.1.3.js"></script>

	<script type="text/javascript" src="{THEME}/js/1/jquery-galleryview-1.0.1/jquery.galleryview-1.0.1-pack.js"></script>

	<script type="text/javascript" src="{THEME}/js/1/jquery-galleryview-1.0.1/jquery.timers-1.1.2.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$('#photos').galleryView({

panel_width: 800,

panel_height: 300,

frame_width: 100,

frame_height: 38,

transition_speed: 1200,

background_color: '#222',

border: 'none',

easing: 'easeInOutBack',

pause_on_hover: true,

nav_theme: 'custom'

});

});

</script>

<div id="gallery_wrap">

<div id="photos" class="galleryview">

{topnews}

</div>

</div>

это в topnews.tpl

<div class="panel">

		 <a href="{link}"><img src="{image-1}" /></a>

	<div class="panel-overlay">

		  <h2>{title}</h2>

		  <p>{text limit="120"} …</p>

	</div>

  </div>

Вообще белый экран

[odys 385]

это в main.tpl

это не значит, что нужно вставлять до <body>. Всё, что выводится на страницах сайта, всё нужно ставить в пределах <body></body> http://htmlbook.ru/html/body

Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

[sinigami 4]

да я так и делал, просто идет белянка уже только с низу

[sinigami 4]

Гдето в годе у тебя ошибка, поставил свой

<div id="gallery_wrap">

<div id="photos" class="galleryview">


  <div class="panel">

	 <img src="{image-1}" />

    <div class="panel-overlay">

	  <h3><p> <a href="{link}" target="_blank">{title}</a> </p></h3>

    </div>

  </div>


  </div>


  <ul class="filmstrip">

    <li><img src="{image-1}" alt="{title}" title="{title}" ></li>


  </ul>

</div>

есть проблемка 1. миниатюры которые должны быть маленькими идут полноформатными

как их можно ужать?? 98 - 34 незнаю какими свойствами

[sinigami 4]

что то в минитюре 1 картинки а на большом другая, как это можно поправить?

[sinigami 4]

вообщем слайдер блочит своим jquery-1.3.2.min.js все кнопки и спойлеры, при этом не работает на любой другой версии начиная jquery.min1.4.2.js