Категории

Слайдер для Магаза Помогите ребят

Ребят Наткнулся я на один скрипт и решил его поставить. Но когда я указываю путь к css У меня коверкается шаблон помогите плиз.
Вот скрипт http://www.yellowlemon.net/javascript/slider/tinyslider-2
Меня интересует в каких файлах нужно вести все эти коды.
В заранее спасибо!

в themes/шаблон/javascript/general.js.php

в шаблоне создать папку slider и в нее кинуть style.css & script.js

ну и конечно из ихнего CSS файла удалить стили которые могут влиять на шаблон.
Т.е. все, что связано с html, body...

интересный слайдей...а можно инструкцию по подробней по его встраиванию в шаблон...?

инструкция есть на сайте приведенном в певом посте.
во втором посте я описал что и куда подключать.
куда еще подробнее то? Если хотите описание полной установки - то оно мало-вероятно что будет. Тут установка простая как три копейки, нужно только внимательно почитать все.

Ну хотя бы скажите правильны ли мои действия.
Скачав архив проделано следующее:
бросил всё загруженое в корневую папку сайта. Как Вы и написали отредактировал general.js.php только пути немного поиному прописал, так как бросил в корневую для теста:

Далее припустим хочу его поставить вместо main_content
Редактирую main_content.html вписывая туда код с сайта:

После этого на странице отображаються все рисунки одновременно, и слайдинг не работает...

Что я делаю неправельно?

Ну вот чуть чуть подумав вставил этот код слайдера

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TinySlider - JavaScript Slideshow</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="container">
<div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
<div id="slider">
<ul>
<li><img src="photos/1.jpg" width="558" height="235" alt="Image One" /></li>
<li><img src="photos/2.jpg" width="558" height="235" alt="Image Two" /></li>
<li><img src="photos/3.jpg" width="558" height="235" alt="Image Three" /></li>
<li><img src="photos/4.jpg" width="558" height="235" alt="Image Four" /></li>
</ul>
</div>
<div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
<ul id="pagination" class="pagination">
<li onclick="slideshow.pos(0)"></li>
<li onclick="slideshow.pos(1)"></li>
<li onclick="slideshow.pos(2)"></li>
<li onclick="slideshow.pos(3)"></li>
</ul>
</div>
</div>
<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider',
auto:4,
resume:false,
vertical:false,
navid:'pagination',
activeclass:'current',
position:0,
rewind:false,
elastic:true,
left:'slideleft',
right:'slideright'
});
</script>
</body>
</html>

в контент "Главная страница" - и он заработал...Значит я как то неправильно его внедряю в maine_content.html

Кудаже всётаки и как его сюда вставить?

{config_load file="$language/lang.conf" section="index"}
{$MODULE_error}
{if $text}
<div class="content-block">
<div class="con-top"><div class="st-left"></div><div class="st-right"></div></div>
<div class="con-cen">
<div class="welcome-text">
{$text}
</div>
</div>
<div class="con-foo"><div class="sb-left"></div><div class="sb-right"></div></div>
</div>
{/if}

{$MODULE_featured_products}
{$MODULE_new_products}

{$MODULE_upcoming_products}
{$MODULE_latest_news}

Источник