Shape 5

Joomla Club Extensions => Image Slide - Club => : artisan January 14, 2010, 10:58:12 AM



: Images don't line up
: artisan January 14, 2010, 10:58:12 AM
I have installed your S5 image slider, set the module to 625 width for my postion, and set the images to 625 to match, first image just fine, but the second splits in half with the third upon slide, as if the module is still running with the original 965 image width setting, I have double checked all sizes, please advise....


: Re: Images don't line up
: jonahh January 14, 2010, 04:07:17 PM
Can you post a URL of this?


: Re: Images don't line up
: jakobe75 January 20, 2010, 12:40:24 PM
this is happening to me too


slide is set for 559x300

images are indeed 559x300

image 1 works fine
image 2 is cut in half
image 3 is blank

transitions are all choppy

havent expirimented further

was using FPSS but got tire of zero support and a wonky slider, needed something easier.

but this is not working.





: Re: Images don't line up
: jonahh January 20, 2010, 09:01:40 PM
Can you also post a URL?


: Re: Images don't line up
: lccsupport March 02, 2010, 09:07:24 AM
This is happening to mine as well.  Here's a link:

http://70.87.76.2/~merritt/ (http://70.87.76.2/~merritt/)


: Re: Images don't line up
: jakobe75 March 02, 2010, 09:40:01 AM
need to change the code in the js file mang!....then it works ferpect!

search forum
editing the files
class.noobSlide.packed.js
In the first line find  "this.size = a.size | | XXX," where XXX is the width of your image



: Re: Images don't line up
: lccsupport March 02, 2010, 09:54:39 AM
Awesome! thanks Jakobe that did the trick.  It seems like the module setup should modify that value when you change the image size...


: Re: Images don't line up
: jakobe75 March 02, 2010, 10:04:20 AM
yes it should
Shape5 wont fix it for some reason, it's been a known bug for many months now.

I just downloaded a fresh copy a few days ago and it was still there


: Re: Images don't line up
: jonahh March 02, 2010, 01:52:31 PM
We have tested several times and this is not the case.  Perhaps it is some CSS on the template you are running that is adding some extra spacing.  Try using Firebug for Firefox to hover over and see where the spacing is coming from.


: Re: Images don't line up
: jakobe75 March 02, 2010, 06:06:27 PM
nope, prolly not

in my class.noobSlide.packed.js
The width is set at 965px out of the box.
the same as the demo template images width.

Yes it works just fine if your images are the same as the demo.

link to shape5 demo images
http://shape5.com/demo/bridgeofhope/images/topimagerotate2.jpg
LOOK 965px! coincidence?, Just dumb luck?...wait, should I be buying a lotto ticket?



but no....my template is not supplying this value
I dont have anything on my site 965px wide.

When I edit the width of the module it does not change this value. All my permissions are indeed set correctly.


see:
freshly downloaded a few minutes ago and unzipped..still has that new code smell.


:
var noobSlide=new Class({initialize:function(a){this.items=a.items;this.mode=a.mode||'horizontal';this.modes={horizontal:['left','width'],vertical:['top','height']};this.size=a.size||965;this.box=a.box.setStyle(this.modes[this.mode][1],(this.size*this.items.length)+'px');this.button_event=a.button_event||'click';this.handle_event=a.handle_event||'click';this.interval=a.interval||5000;this.buttons={previous:[],next:[],play:[],playback:[],stop:[]};if(a.buttons){for(var b in a.buttons){this.addActionButtons(b,$type(a.buttons[b])=='array'?a.buttons[b]:[a.buttons[b]])}}this.handles=a.handles||null;if(this.handles){this.addHandleButtons(this.handles)}this.fx=new Fx.Style(this.box,this.modes[this.mode][0],a.fxOptions||{duration:500,wait:false});this.onWalk=a.onWalk||null;this.currentIndex=a.startItem||0;this.previousIndex=null;this.nextIndex=null;this.autoPlay=a.autoPlay||false;this._auto=null;this.box.setStyle(this.modes[this.mode][0],(-this.currentIndex*this.size)+'px');if(a.autoPlay)this.play(this.interval,'next',true)},previous:function(a){this.currentIndex+=this.currentIndex>0?-1:this.items.length-1;this.walk(null,a)},next:function(a){this.currentIndex+=this.currentIndex<this.items.length-1?1:1-this.items.length;this.walk(null,a)},play:function(a,b,c){this.stop();if(!c){this[b](false)}this._auto=this[b].periodical(a,this,false)},stop:function(){$clear(this._auto)},walk:function(a,b){if($defined(a)){if(a==this.currentIndex)return;this.currentIndex=a}this.previousIndex=this.currentIndex+(this.currentIndex>0?-1:this.items.length-1);this.nextIndex=this.currentIndex+(this.currentIndex<this.items.length-1?1:1-this.items.length);if(b){this.stop()}this.fx.start(-this.currentIndex*this.size);if(this.onWalk){this.onWalk(this.items[this.currentIndex],(this.handles?this.handles[this.currentIndex]:null))}if(b&&this.autoPlay){this.play(this.interval,'next',true)}},addHandleButtons:function(a){for(var i=0;i<a.length;i++){a[i].addEvent(this.handle_event,this.walk.bind(this,[i,true]))}},addActionButtons:function(a,b){for(var i=0;i<b.length;i++){switch(a){case'previous':b[i].addEvent(this.button_event,this.previous.bind(this,true));break;case'next':b[i].addEvent(this.button_event,this.next.bind(this,true));break;case'play':b[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'next',false]));break;case'playback':b[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'previous',false]));break;case'stop':b[i].addEvent(this.button_event,this.stop.bind(this));break}this.buttons[a].push(b[i])}}});


var s5_ismod_switch = 0;

function s5_ismod_switchbuttons() {

 if (s5_ismod_switch == "1") {
 document.getElementById("s5_ismod_play").style.display = "block";
 document.getElementById("s5_ismod_stop").style.display = "none";
 s5_ismod_switch = 0;
 } else {
 document.getElementById("s5_ismod_play").style.display = "none";
 document.getElementById("s5_ismod_stop").style.display = "block";
 s5_ismod_switch = 1;
 }
}
 

function s5_ismod_onhover() {
 document.getElementById("s5_ismod_onhover").style.display = "block";}

function s5_ismod_outhover() {
 document.getElementById("s5_ismod_onhover").style.display = "none";}


: Re: Images don't line up
: jonahh March 03, 2010, 12:39:59 PM
In the modules php file the width is defined and is overwritten of the 965 in the js file:

      var hs7 = new noobSlide({
         size: <?php echo $width ?>,


: Re: Images don't line up
: jakobe75 March 03, 2010, 12:47:42 PM
?


no it isnt
it should be ...but it doesnt

as you can see from the people having issues.

it doesnt over write the 965
I tried on stock joomla template  and this isnt the case....sorry










: Re: Images don't line up
: jonahh March 05, 2010, 01:15:46 PM
If you send me login details I can take a look for you, FTP and Joomla


: Re: Images don't line up
: jakobe75 March 05, 2010, 01:23:33 PM
nope

its fixed as far as my needs go.


but you may want to check your current download.
as the issue is stil there

I have tried this on about 3 sites on 3 diff Joomla setups. 3 different servers.

it does not overwrite the 965



: Re: Images don't line up
: vanrugge March 07, 2010, 01:48:33 PM
Is there any fix for this issue? I am having the same problem both on the stock rhuk template and every other template I am trying it on. Not only that but the Slide doesn't work at all on Firefox (I realise there is another thread for that issue alone, but there was no solution posted there either) not terrible encouraging for someone who just paid for a membership.


: Re: Images don't line up
: jonahh March 09, 2010, 02:12:04 PM
You'll have to post a URL or send me login details.  There can be CSS etc on a template that is causing spacing issues.


: Re: Images don't line up
: djrmenace March 17, 2010, 10:05:42 AM
I found that as long as you have manually pre-resized your images to the exact width of the module width you have selected for this slide show module, it works like a charm. If you have 500px wide images in a 400px wide slideshow it is not resizing it well / at all and the last image is blank (if the offset is bad enough the lst image vanishes).
So, until S5 make this module more robust (over-ride template spacing issues or what-ever), try shrinking your images to the appropriate width, then only if you are still stuck try setting the JS value mentioned earlier in this thread to that width also. :) good luck.

DJ.


: Re: Images don't line up
: jakobe75 March 17, 2010, 10:25:59 AM
All my images are presized exactly for the module. and it still doe not change the preset value when applied.

I never rely on a module (or the browser) to resize slider images..requires the script to work too hard.

as long as I mod the js file, it works like a charm...but it doesnt do it automatically.

It actually is a very slick slider...Image selection and order could be improved.
sinc ethere is not way to change the order of images once they are set without  copy and pasting links.

a browse  option would be nice too so you dont have to bounce back and forth between the module and ftp.


: Re: Images don't line up
: covprod10 March 17, 2010, 11:11:37 AM
I am having a very similar problem.  I have 3 images and when it slides to the second it keeps part of the first an the third doesn't even show.  The site is here: http://covprod.com/ (http://covprod.com/).
It was working perfectly at first.  It just started doing this.
Thanks!


: Re: Images don't line up
: covprod10 March 17, 2010, 11:22:30 AM
Oops.  I fixed it. My image sizes got accidentally changed after proofing them.  It works perfectly now.


: Re: Images don't line up
: gmedia May 11, 2010, 11:44:37 AM
Hello! Thank you all for the posts! I am having the same problems with mine as well. I believe we're describing the same thing anyway.

I have been lame and only updated the first image for a long time while the default images were also there. Today I uploaded an image the same size as the first one: H-250 W-495. This is the same as the module parameters. The second slide doesn't show at all. it' almost like it skips it. it shows a small strip of it, but seems to skip to the third slide. After that, there's a blank slide. Hmmm

Is this a matter of editing the js file like the post said above? I'm not sure where that is yet, but I imagine it's in the module main directory.

Please help Jonah. I gave you the FTP and admin settings a while back if you still have them. www.hcyouth.com.

Chris


: Re: Images don't line up
: gmedia May 11, 2010, 12:00:55 PM
Modifying the "class.noobSlide.packed.js" file worked for me too. Even the slider timing. How exciting! Thanks!

Chris


: Re: Images don't line up
: interactiv July 06, 2011, 07:43:37 AM
Hy there!
Im working on a website for wich I choosed Paradigm Shift template. Image slider works fine, but is shifted rightward and in the center of top_row_1 row!
Images are 950 x 343, temlate parameters are 950 x 343..
Tryed to modify template parameters in "automatic wdth" 100,0,0,0,0,0.
How can I fix this problem?
Ps: I send a pm to Johann with logins.
Thank yo+u in advance!


: Re: Images don't line up
: jonahh July 06, 2011, 11:22:08 AM
Your images and module width for the slide are too large, try changing them all to something like 886px to fit in that area


: Re: Images don't line up
: interactiv July 06, 2011, 11:41:22 AM
Hy Johann, I tryed with a 886 x 343 image..
Ok it works, but it doesn't look great. Besides, It doesn't look like the template preview.
Don't wanna see the frame, and picture width should be the same as the website.
(950 x 343 are the template psd's dimensions)
Any fix?


: Re: Images don't line up
: jonahh July 06, 2011, 11:51:06 AM
Ah ok, to get like template demo, just add "-none" to the module suffix area in the administration of the image slide module.  This will remove the extra frame around it that currently is causing it to be pushed to the right more


: Re: Images don't line up
: interactiv July 06, 2011, 12:04:59 PM
Works perfectly!! Thanx

(maybe.. the template comes with some instructions??)