ZX Slideshow support thread

[balihr]

includes/templates/all_business/jscript/jscript_easySlider

Are you 100% sure you removed this file? It would be best to remove all files related to EasySlider, but this one is a must.

[GodfatherAntiques]

I do see the code in the header but I'm not finding the code.

<!--
/*
* Easy Slider 1.7 - jQuery plugin
* written by Alen Grakalic
* http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
*
* Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* Built for jQuery library
* http://jquery.com
*
*/
/*
* markup example for $("#slider").easySlider();
*
* <div id="slider">
* <ul>
* <li><img src="images/01.jpg" alt="" /></li>
* <li><img src="images/02.jpg" alt="" /></li>
* <li><img src="images/03.jpg" alt="" /></li>
* <li><img src="images/04.jpg" alt="" /></li>
* <li><img src="images/05.jpg" alt="" /></li>
* </ul>
* </div>
*
*/
(function($) {
$.fn.easySlider = function(options){
// default configuration properties
var defaults = {
prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next',
controlsShow: true,
controlsBefore: '',
controlsAfter: '',
controlsFade: true,
firstId: 'firstBtn',
firstText: 'First',
firstShow: false,
lastId: 'lastBtn',
lastText: 'Last',
lastShow: false,
vertical: false,
speed: 2000,
auto: false,
pause: 3000,
continuous: false,
numeric: false,
numericId: 'controls'
};
var options = $.extend(defaults, options);
this.each(function() {
var obj = $(this);
var s = $("li", obj).length;
var w = $("li", obj).width();
var h = $("li", obj).height();
var clickable = true;
obj.width(w);
obj.height(h);
obj.css("overflow","hidden");
var ts = s-1;
var t = 0;
$("ul", obj).css('width',s*w);
if(options.continuous){
$("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left","-"+ w +"px"));
$("ul", obj).append($("ul li:nth-child(2)", obj).clone());
$("ul", obj).css('width',(s+1)*w);
};
if(!options.vertical) $("li", obj).css('float','left');
if(options.controlsShow){
var html = options.controlsBefore;
if(options.numeric){
html += '<div id="control_div"><ol id="'+ options.numericId +'"></div></ol>';
} else {
if(options.firstShow) html += '<span id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';
};
html += options.controlsAfter;
$(obj).after(html);
};
if(options.numeric){
for(var i=0;i<s;i++){
$(document.createElement("li"))
.attr('id',options.numericId + (i+1))
.html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
.appendTo($("#"+ options.numericId))
.click(function(){
animate($("a",$(this)).attr('rel'),true);
});
};
} else {
$("a","#"+options.nextId).click(function(){
animate("next",true);
});
$("a","#"+options.prevId).click(function(){
animate("prev",true);
});
$("a","#"+options.firstId).click(function(){
animate("first",true);
});
$("a","#"+options.lastId).click(function(){
animate("last",true);
});
};
function setCurrent(i){
i = parseInt(i)+1;
$("li", "#" + options.numericId).removeClass("current");
$("li#" + options.numericId + i).addClass("current");
};
function adjust(){
if(t>ts) t=0;
if(t<0) t=ts;
if(!options.vertical) {
$("ul",obj).css("margin-left",(t*w*-1));
} else {
$("ul",obj).css("margin-left",(t*h*-1));
}
clickable = true;
if(options.numeric) setCurrent(t);
};
function animate(dir,clicked){
if (clickable){
clickable = false;
var ot = t;
switch(dir){
case "next":
t = (ot>=ts) ? (options.continuous ? t+1 : ts) : t+1;
break;
case "prev":
t = (t<=0) ? (options.continuous ? t-1 : 0) : t-1;
break;
case "first":
t = 0;
break;
case "last":
t = ts;
break;
default:
t = dir;
break;
};
var diff = Math.abs(ot-t);
var speed = diff*options.speed;
if(!options.vertical) {
p = (t*w*-1);
$("ul",obj).animate(
{ marginLeft: p },
{ queue:false, duration:speed, complete:adjust }
);
} else {
p = (t*h*-1);
$("ul",obj).animate(
{ marginTop: p },
{ queue:false, duration:speed, complete:adjust }
);
};
if(!options.continuous && options.controlsFade){
if(t==ts){
$("a","#"+options.nextId).hide();
$("a","#"+options.lastId).hide();
} else {
$("a","#"+options.nextId).show();
$("a","#"+options.lastId).show();
};
if(t==0){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
} else {
$("a","#"+options.prevId).show();
$("a","#"+options.firstId).show();
};
};
if(clicked) clearTimeout(timeout);
if(options.auto && dir=="next" && !clicked){;
timeout = setTimeout(function(){
animate("next",false);
},diff*options.speed+options.pause);
};
};
};
// init
var timeout;
if(options.auto){;
timeout = setTimeout(function(){
animate("next",false);
},options.pause);
};
if(options.numeric) setCurrent(0);
if(!options.continuous && options.controlsFade){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
};
});
};
})(jQuery);
-->

[GodfatherAntiques]

These are all the files in that folder

includes/templates/all_business/jscript/jquery-1.4.4.min.js
includes/templates/all_business/jscript/jquery.nivo.slider.pack.js
includes/templates/all_business/jscript/jscript_google_analytics.php
includes/templates/all_business/jscript/jscript_imagehover.js
includes/templates/all_business/jscript/jscript_imagehover.jsIH_1336341930.bak
includes/templates/all_business/jscript/jscript_imagehover.jsIH_1336507174.bak
includes/templates/all_business/jscript/jscript_imagehover.jsIH_1338431753.bak
includes/templates/all_business/jscript/jscript_jquery-1.7.1.min.js
includes/templates/all_business/jscript/jscript_jquery.js

[balihr]

I should've done this in the beginning... I just downloaded the template...

includes/modules/pages/index/jscript_easySlider.php

Remove that file and you should be fine...

[GodfatherAntiques]

ok I removed that file, but still not working. I'm downloading the add on again to make sure I deleted all files...I don't know why the file was missing in add on.

[GodfatherAntiques]

When I removed that file on my server it is showing in firebug that the script has been removed.

[GodfatherAntiques]

OK I got it working I looked at the template files again and seen the jscript_jquery.js file so I removed it and now everything is working. I really appreciate your help....This is a excellent add on. Have a good day

[balihr]

Finally... Glad to hear everything's OK now.

Have fun!

[ljdream00]

Hello,
Love this Slideshow very much!!!

I do have one issue though.
Trying to figure out why the slide show doesn't show the complete banner in Chrome.
It shows correctly in Firefox & Internet Explorer.
Attached are pics of what I'm seeing.

You can check out the site at djellery216.com if you need to see it live.

Thank you in advance for your help.

[Design75]

I think your problem lies here

<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider" style="width:414px !important; height:165px !important;"> <img src="images/ElBan2.1.png" alt="DJELLERY GRAND OPENING" title=" DJELLERY GRAND OPENING " width="830" height="277" />

First you tell the slider to be 165px high, which Chrome obeys.
Then you have your pictures with a height of 277, which Firefox uses

So changing the 165xp should solve the problem