нужна помощь в установке скрипта

12
A
На сайте с 16.03.2014
Offline
3
876

прошу помощи в установке галереи для фото galleriffic, первоисточник здесь http: //www.twospy.com/galleriffic/, вроде как всё сделано по инструкции, но фотки отображаются как и раньше, заранее благодарен всем откликнувшимся

вот содержимое файла fullstiry.tpl , двигло dle10

<div class="full-story">

<h1>{title}</h1>





<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
</div>
[xfgiven_embed]<!--[/xfgiven_embed]
<div align="center">{full-story}
</div>
[xfgiven_embed]-->[/xfgiven_embed]
[xfnotgiven_mages1][xfnotgiven_preview][xfnotgiven_embed][xfnotgiven_img1]
<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '240px', 'float' : 'left', 'margin-top' : '10px', 'padding-left' : '10px'});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});

// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 21,
preloadAhead: 10,
enableTopPager: false,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Начать просмотр',
pauseLinkText: 'Пауза',
prevLinkText: '&lsaquo; Предыдущее фото',
nextLinkText: 'Следующее фото &rsaquo;',
nextPageLinkText: 'Дальше &rsaquo;',
prevPageLinkText: '&lsaquo; Назад',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>
</div>







</div>
</div>
MoMM
На сайте с 16.06.2006
Offline
727
#1

А вы вызов не забыли вставить?

<head>

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

<!-- Optionally include jquery.history.js for history support -->
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
...
</head>
A
На сайте с 16.03.2014
Offline
3
#2
MoMM:
А вы вызов не забыли вставить?

<head>

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

<!-- Optionally include jquery.history.js for history support -->
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
...
</head>

не забыл, всё вставлено

дани мапов
На сайте с 06.09.2012
Offline
204
#3

Скорее всего, пути к скриптам галереи неправильно прописаны.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
A
На сайте с 16.03.2014
Offline
3
#4

вот шапка main.tpl я уже перепроверил раз 10, посмотрите может что пропустил


<!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>
{headers}
<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link media="screen" href="{THEME}/css/style.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/css/engine.css" type="text/css" rel="stylesheet" />



<script type="text/javascript" src="{THEME}/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.history.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.opacityrollover.js"></script>


</head>

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

дани мапов
На сайте с 06.09.2012
Offline
204
#5

Может это убрать

<script type="text/javascript" src="{THEME}/js/jquery-1.3.2.js"></script>

A
На сайте с 16.03.2014
Offline
3
#6
дани мапов:
Может это убрать
<script type="text/javascript" src="{THEME}/js/jquery-1.3.2.js"></script>

убрал, то же самое

lutskboy
На сайте с 22.11.2013
Offline
192
#7

может конфликт со встроеным в дле highslide.js

A
На сайте с 16.03.2014
Offline
3
#8
lutskboy:
может конфликт со встроеным в дле highslide.js

не подскажете как его отключить?

siv1987
На сайте с 02.04.2009
Offline
427
#9

Сайт пилите, не тратте свое и наше время с "может" - "не может".

A
На сайте с 16.03.2014
Offline
3
#10

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

по теме: пробовал всё по инструкции на разных версиях дле 10, результат тот же

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий