Перейти к публикации

слайдер

sinigami
 Рассказать Подписчики 0

Рекомендованные сообщения

sinigami

sinigami 4

Опубликовано:
Опубликовано:

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

1bcf5-clip-606kb.png?nocache=1

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

вот сам сайт

Ссылка на сообщение
Поделиться на других сайтах
alex32

alex32 934

Опубликовано:
Опубликовано:

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

Ссылка на сообщение
Поделиться на других сайтах
sinigami

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>

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

5edfa-clip-57kb.png?nocache=1

Ссылка на сообщение
Поделиться на других сайтах
odys

odys 384

Опубликовано:
Опубликовано:
работали новвости там картинки выводились и все такое
мне вот интересно, а куда ты всё это, которое твой вариант, прописываешь?
Ссылка на сообщение
Поделиться на других сайтах
sinigami

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

odys 384

Опубликовано:
Опубликовано:

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

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

Ссылка на сообщение
Поделиться на других сайтах
sinigami

sinigami 4

Опубликовано:
Опубликовано: Автор

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

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
odys

odys 384

Опубликовано:
Опубликовано: (изменено)

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

Новости выводит 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
Ссылка на сообщение
Поделиться на других сайтах
sinigami

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>

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

a8c3a-clip-273kb.png?nocache=1

Ссылка на сообщение
Поделиться на других сайтах
odys

odys 384

Опубликовано:
Опубликовано:

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

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

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. миниатюры которые должны быть маленькими идут полноформатными c8782-clip-85kb.png?nocache=1

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

Ссылка на сообщение
Поделиться на других сайтах
sinigami

sinigami 4

Опубликовано:
Опубликовано: Автор

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...