Проблема Помогите с установкой iView

Пользователь · Регистрация: 07.04.2013

Пожалуйстааа помогите с установкой iView на dle 9.8 ну вот вообще не получается, выходит лишь текст, картинок нет

Модератор · Регистрация: 08.11.2011

iView - адаптивный jQuery слайдер полная инструкция.

Пользователь · Регистрация: 07.04.2013

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

Вот код в main.tpl

<!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" xml:lang="ru" lang="ru">
<head>
{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/icomm/style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="{THEME}/style/iview.css" />
<script type="text/javascript" src="{THEME}/js/jQuery.easing.js"></script>
<script type="text/javascript" src="{THEME}/js/jQuery.thumb.js"></script>
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{THEME}/js/raphael-min.js"></script>

<script src="{THEME}/js/iview.js"></script>
<script>
$(document).ready(function(){
$('#iview').iView({
pauseTime: 7000,
pauseOnHover: true,
directionNav: true,
directionNavHide: false,
directionNavHoverOpacity: 0,
controlNav: false,
nextLabel: "N?chste",
previousLabel: "Vorherige",
playLabel: "Spielen",
pauseLabel: "Pause",
timer: "360Bar",
timerPadding: 3,
timerColor: "#0F0"
});
</script>
</head>
<body>
{AJAX}
[not-group=5]<script type="text/javascript" src="{THEME}/js/jquery.notify.min.js"></script>
<link rel="stylesheet" type="text/css" href="{THEME}/style/ui.notify.css" />
{include file="engine/modules/pm_notifier.php"}
[/not-group]
<div class="page">
<div class="head lcol">
<div class="inlogo">
<div class="logotype lcol">
<div class="uplogo">
<a href="/index.php"><img src="{THEME}/images/logotype.png" alt="" title="OFFside.kg" /></a>
</div>

</div>
</div>
<div class="navigations">
<div id='cssmenu'>
<ul>
<li><a href='http://offside.kg/main/'><span>Новости</span></a></li>
<li class='has-sub'><a href='#'><span>Футбол</span></a>
<ul>
<li><a href='http://offside.kg/premier_league/'><span>в Англии</span></a></li>
<li><a href='http://offside.kg/bundesliga/'><span>в Германии</span></a></li>
<li><a href='http://offside.kg/la_liga/'><span>в Испании</span></a></li>
<li><a href='http://offside.kg/seria_a/'><span>в Италии</span></a></li>
<li><a href='http://offside.kg/champions_league/'><span>Лига Чемпионов</span></a></li>
<li><a href='http://offside.kg/erupes_league/'><span>Лига Европы</span></a></li>
<li><a href='http://offside.kg/russian/'><span>в России</span></a></li>
<li class='last'><a href='http://offside.kg/liga_1/'><span>во Франции</span></a></li>
</ul>
</li>
<li><a href='http://offside.kg/forum/'><span>Фан Клубы</span></a></li>
<li><a href='http://offside.kg/prognozi/'><span>Прогнозы</span></a></li>
<li class='last'><a href='http://offside.kg/transfers/'><span>Трансферы</span></a></li>
</ul>
</div>
</div>
</div>
<div class="downheader lcol">
<div id="iview">
<div data-iview:image="{THEME}/photos/photo6.jpg">
<div class="iview-caption caption1" data-x="300" data-y="300" data-transition="expandLeft">EASY TO CONFIGURE AND CUSTOMIZE + COMPLETE WITH A CUSTOM API</div>
</div>

<div data-iview:image="{THEME}/photos/photo7.jpg">
<div class="iview-caption video-caption" data-x="50" data-y="50" data-transition="wipeUp"><iframe src="http://player.vimeo.com/video/11475955?byline=1&portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
<div class="iview-caption caption4" data-x="600" data-y="140" data-transition="wipeRight">Video</div>
<div class="iview-caption caption5" data-x="740" data-y="145" data-transition="wipeLeft">Support</div>
<div class="iview-caption caption3" data-x="600" data-y="200" data-width="235" data-height="40" data-transition="wipeLeft">You can easily add <b>Vimeo</b> & <b>Youtube Videos</b> to your <b>Slides</b> & <b>Captions</b></div>
</div>

<div data-iview:image="{THEME}/photos/photo8.jpg">
<div class="iview-caption caption2" data-x="300" data-y="300" data-transition="wipeRight">OPTIONAL AUTO-HIDE CONTROLS + OPTIONAL ROLLOVER SLIDESHOW PAUSE</div>
</div>

<div data-iview:image="{THEME}/photos/photo9.jpg">
<div class="iview-caption" data-x="100" data-y="300" data-transition="wipeLeft">A SMOOTH AND SEXY CROSS-BROWSER SLIDER FOR YOUR IMAGES & VIDEOS</div>
</div>

<div data-iview:image="{THEME}/photos/photo10.jpg">
<div class="iview-caption caption3" data-x="100" data-y="300" data-transition="wipeLeft">FEATURING ANIMATED CAPTIONS WITH MANY TRANSITION EFFECTS</div>
</div>
</div>
</div>
<div class = "news">
{custom category="3,4,5,6,7,8,9,10,14,15,16" template="auto" aviable="cat|main" from="0" limit="5" day="1" cache="no"}
</div>
</body>
</html>

[-]

CSS файл iview.css я не трогал просто скопировал к себе на сайт

css код в style.css по поводу слайдера

#iview {
display: block;
width: 1000px;
height: 300px;
background: #000;
background: rgba(0, 0, 0, 0.7);
padding: 5px;
border-radius: 5px;
position: relative;
-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
margin: 40px auto;
overflow: hidden;
}

#iview .iviewSlider {
display: block;
width: 1000px;
height: 300px;
overflow: hidden;
border-radius: 4px;
}

#iview div.iview-directionNav {
position: absolute;
top: 187px;
left: 0px;
z-index: 9;
width: 100%;
}

#iview div.iview-directionNav a {
display: block;
cursor: pointer;
position: absolute;
width: 27px;
height: 27px;
background-image: url(../img/bg_direction_nav.png);
text-indent: -9999px;
-webkit-transition: left 0.3s ease-in-out;
-webkit-transition-property: left,right;
-moz-transition: left 0.3s ease-in-out;
-moz-transition-property: left,right;
-o-transition: left 0.3s ease-in-out;
-o-transition-property: left,right;
-ms-transition: left 0.3s ease-in-out;
-ms-transition-property: left,right;
transition: left 0.3s ease-in-out;
transition-property: left,right;
}

#iview div.iview-directionNav a.iview-nextNav {
right: -27px;
background-position: 27px 0px;
}

#iview div.iview-directionNav a.iview-prevNav {
left: -27px;
background-position: 0px 0px
}

#iview.iview-hover div.iview-directionNav a.iview-nextNav {
right: 20px;
}

#iview.iview-hover div.iview-directionNav a.iview-prevNav {
left: 20px;
}

.iview-caption {
background: url('../img/caption-bg.png');
color: #FFF;
border-radius: 3px;
padding: 10px 15px;
font-family: Verdana;
font-size: 12px;
text-shadow: #000 1px 1px 0px;
}

.iview-caption.video-caption {
padding: 10px;
}

.iview-caption.caption1 {
text-shadow: none;
}

.iview-caption.caption2 {
background: #FFF;
color: #000;
text-shadow: none;
}

.iview-caption.caption3 {
background: #c4302b;
box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
text-shadow: none;
}

.iview-caption.caption3 div {
line-height: 150%;
text-align: justify;
}

.iview-caption.caption4 {
background: #00b4ff;
font-size: 36px;
font-weight: bold;
text-shadow: none;
}

.iview-caption.caption5 {
background: #FFF;
color: #000;
font-size: 26px;
text-shadow: none;
}

#iview-preloader {
border: #666 1px solid;
width: 150px
}

#iview-preloader div {
background: #666;
}

[-]

Пробовал указывать путь без {THEME} не получилось

Администратор · Регистрация: 27.02.2009

what_the_fuck, ссылку на проблемную страницу.

Добавлено через 2 минуты
Уберите из кода:

PHP код:



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

Добавлено через 2 минуты
{THEME}/photos/photo10.jpg
Фотки лежат в папке с темой, которая включена и используется на сайте?

Пользователь · 07.04.2013, 21:36

Нет, эти папки были созданы при попытке установить слайдер

Плсссс помогите кто нибуууудь

Администратор · Регистрация: 27.02.2009

what_the_fuck, ссылку на проблемную страницу на сайте!

Пользователь · Регистрация: 07.04.2013

Блин на сайте я удалил этот скрипт так как не работал (( а вот и сама ссылка OFFside.kg

Администратор · Регистрация: 27.02.2009

what_the_fuck, ставьте, иначе проверить не получится

Пользователь · Регистрация: 07.04.2013

Все установил

Администратор · Регистрация: 27.02.2009

Для начала убрать из main.tpl строчку:

PHP код:



<script src="/templates/OFFside/js/jquery-1.7.1.min.js"></script>

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос [Ucoz] Помогите с установкой шаблона	hvarts	Готовые движки (CMS и форумы)	4	03.10.2013 16:53
Вопрос Проблема с установкой	lagma	XenForo	0	23.11.2012 22:52
Проблема Помогите с установкой!	Винни	vBa CMPS	8	02.05.2012 01:58
Проблема с установкой и отображением vba CMPS	bahok	vBa CMPS	28	18.03.2011 12:57
Проблема Прошу помощи с установкой!!!	gaz333	Вопросы по vBulletin 4.х	10	29.01.2011 17:43

Smiles #2
220 МГц Модератор Вес репутации: 0 Регистрация: 08.11.2011 Сообщений: 553 Сказал(а) спасибо: 9 Спасибок 81 в 72 сообщениях	Re: Помогите с установкой iView - 07.04.2013, 15:40 iView - адаптивный jQuery слайдер полная инструкция. Исправил Vector; 07.04.2013 в 20:19.

what_the_fuck #5
00 МГц Пользователь Вес репутации: 0 Регистрация: 07.04.2013 Сообщений: 8 Сказал(а) спасибо: 1 Спасибок 0 в 0 сообщениях	07.04.2013, 21:36 Нет, эти папки были созданы при попытке установить слайдер Плсссс помогите кто нибуууудь Исправил Smiles; 11.04.2013 в 01:40.

Vector #6
7630 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,302 Сказал(а) спасибо: 578 Спасибок 2,623 в 1,832 сообщениях	Re: Помогите с установкой iView - 14.04.2013, 19:15 what_the_fuck, ссылку на проблемную страницу на сайте!

what_the_fuck #7
00 МГц Пользователь Вес репутации: 0 Регистрация: 07.04.2013 Сообщений: 8 Сказал(а) спасибо: 1 Спасибок 0 в 0 сообщениях	Re: Помогите с установкой iView - 14.04.2013, 19:17 Блин на сайте я удалил этот скрипт так как не работал (( а вот и сама ссылка OFFside.kg