Jump to content
Marghoob Suleman

[module] jcarousel - Sliding images on homepage

Recommended Posts

Hi Marghoob,

great module. keep up the good work. thks

Share this post


Link to post
Share on other sites
Hi All,

Has someone made this module already? If not I want to share with you guys. I am posting on my site.

small description: jcarousel - Sliding images on homepage

Preview:
www.giftlelo.com

Download:
http://www.marghoobsuleman.com/prestashop-modules/prestashop-jcarousel-module

Thanks for your time and feedback.
Regards,
MS


Thanks for Marghoob Suleman!
I use it very well.But there are two bug when i view my web in IE 7.0,and this problem not appear in IE 6 ,Firefox,Chrome. You can see bug at these pics.You can test it on IE7 for viewing my web
My web is:http://www.warestrading.com Who can help me ?

8218_NCarB6cGc5URmhc6pLxT_t

8219_SsPuvH4TgT3cwGop8IJ2_t

8220_TijNKcvtJ1zU9ih3IRM1_t

Share this post


Link to post
Share on other sites

Hi there, this is a great module and I have just installed this very easily on the latest prestashop.

Can you please tell me which file and line number I need to edit to change the slider speed?

I have looked here:-
http://sorgalla.com/projects/jcarousel/

But I did not have the skills to establish what I needed to edit.

kindest regards in hope of your help. :-)

Share this post


Link to post
Share on other sites
Hi there, this is a great module and I have just installed this very easily on the latest prestashop.

Can you please tell me which file and line number I need to edit to change the slider speed?

I have looked here:-
http://sorgalla.com/projects/jcarousel/

But I did not have the skills to establish what I needed to edit.

kindest regards in hope of your help. :-)


I know this was posted a while ago, but incase anyone else finds this information useful.

Go to modules/jcarousel/assets and edit carousel_start.js

Where it says Auto, enter the desired number of seconds for slide.

function mycarousel_initCallback(carousel)
{
   // Disable autoscrolling if the user clicks the prev or next button.
   carousel.buttonNext.bind('click', function() {
       carousel.startAuto(0);
   });

   carousel.buttonPrev.bind('click', function() {
       carousel.startAuto(0);
   });

   // Pause autoscrolling if the user moves with the cursor over the clip.
   carousel.clip.hover(function() {
       carousel.stopAuto();
   }, function() {
       carousel.startAuto();
   });
   //$("#mycarousel li").css("display","block");
};

jQuery(document).ready(function() {
   jQuery('#mycarousel').jcarousel({
   auto: 6,
       wrap: 'last',
       initCallback: mycarousel_initCallback
   });
});

Share this post


Link to post
Share on other sites

This module is amazing and desperately want to use it but i already have a "featured products carousel" and they conflict with each other! is there no way to separate them to use both? that would make me so happy and is what i need! thanks for this module!

Share this post


Link to post
Share on other sites
This module is amazing and desperately want to use it but i already have a "featured products carousel" and they conflict with each other! is there no way to separate them to use both? that would make me so happy and is what i need! thanks for this module!


In what way do they conflict with each other?

Share this post


Link to post
Share on other sites

They override each others settings, so they break when both installed. Try it out, i think it's the css settings, they use the same css settings so i think that's where the problem starts.

Share this post


Link to post
Share on other sites

Hi

I'm french so sorry for my bad writting.
I use this module and it's very nice but I wish he would return to the start without scrolling images.

thanks.

Share this post


Link to post
Share on other sites

hello,
I am French sorry for my English!
Can your add text on the images?
Otherwise how to make so that the run turns in loop? i.e. that the last image has that it passes has image 1 without retrogressing I think that would be prettier visually.

Share this post


Link to post
Share on other sites

Testé
sous firefox 3.xx & prestashop 1.1 et 1.2.3.
Marche niquel !!

marche pas sur IE !!

Share this post


Link to post
Share on other sites

Is there any way to set a different animation for the slides?
I would like the slides fading instead of scrolling.

Share this post


Link to post
Share on other sites

Is there a way to have images for each lang?

Slide5_fr.jpg
Slide5_es.jpg

good for translation and ads

Share this post


Link to post
Share on other sites

Is it possible to put number of the slide in place of the buttons "previous" & "next" ?
It is OK on PS v1.5, on Mozilla

Share this post


Link to post
Share on other sites

Hello.

Am trying to add more than 1 jcarousel to the homepage, one below the other - Am using tips from this post relating to duplicating modules (link below), even though the module is different the principle is the same. Ive managed to install the 2nd module "jcarousel2" by duplicating the jcarousel module and renaming the folder, and editing and renaming the jcarousel.php and .tpl files, and have the 2nd slider visible underneath the 1st working "jcarousel" on the homepage, but the scrolling is not working and the clickable scroll arrows are not visible.

More files/code need to be edited to work with the jcarousel2 folder and files but I'm not sure which - anyone any advice or help with this?

http://www.prestashop.com/forums/viewthread/26099/third_party_modules/how_do_i_duplicate_the_add_stuff_module


thanks

Share this post


Link to post
Share on other sites
Is there any way to set a different animation for the slides?
I would like the slides fading instead of scrolling.


Hiya, why not use the s3Slider instead - it has fading slides and a text box too. Quite cool but wasn't right for us at the time


module thread - http://www.prestashop.com/forums/viewthread/21321/

live demo - http://www.serie3.info/s3slider/demonstration.html

Share this post


Link to post
Share on other sites

I very good module, but I have a problem that I cant sove for a long time ago.
My images dont scroll, simply pass an image and seconds later it put another image but without scrolling, how can I change this???
Please, anyone can help me????

Share this post


Link to post
Share on other sites

i'm new to prestashop and i have recently installed a module such as this which is a slide show and am just wondering how i can change the pictures within the slide show ? any help gratfully appriacated .
kirsty

Share this post


Link to post
Share on other sites

Is it possible to have this working without the arrow navigation... and how would I go about achieving this please!?

Thanks,

Rob

Share this post


Link to post
Share on other sites
Is it possible to have this working without the arrow navigation... and how would I go about achieving this please!?

Thanks,

Rob

In carousel_start.js:
       buttonNextHTML: '',
       buttonPrevHTML: '',

Share this post


Link to post
Share on other sites
i'm new to prestashop and i have recently installed a module such as this which is a slide show and am just wondering how i can change the pictures within the slide show ? any help gratfully appriacated .
kirsty


The are located here:
modules\jcarousel\slides

Share this post


Link to post
Share on other sites
Is it possible to have this working without the arrow navigation... and how would I go about achieving this please!?

Thanks,

Rob

In carousel_start.js:
       buttonNextHTML: '',
       buttonPrevHTML: '',



Hi,

I inserted the code you provided, and it did remove the navigation arrows, but it also stopped the auto scrolling!

Is their any way around this?

Thanks for you help.

Rob

Share this post


Link to post
Share on other sites

Mine works fine, with the exception that it doesn't loop.

jQuery(document).ready(function() {
   jQuery('#mycarousel').jcarousel({
       auto: 3,
       wrap: 'last',
       buttonNextHTML: '',
       buttonPrevHTML: '',
       initCallback: mycarousel_initCallback
   });
});

Share this post


Link to post
Share on other sites

My bad... Put the code in the wrong place!!!

Thanks for you help, much appreciated!!!

Share this post


Link to post
Share on other sites

How to change slides number?
For example.

I need only 4 slides...

Resolved by myself. Just delete links in tpl file according to slides.

Share this post


Link to post
Share on other sites
is it working with 1.4?


It works with v1.4, but i can only get it to show 2 slides, then it starts over again. Doesnt matter how many slides i add :-/

Anyone who can fix this?

Thanks in advance.

Share this post


Link to post
Share on other sites
+1 somebody can fix it please??


My problem was a mistake by me. it works like a charm in v1.4.x

Enjoy :-)

Share this post


Link to post
Share on other sites

This is a great module!

However, is there any way to remove the border around the module?

Share this post


Link to post
Share on other sites

i have updated to the most recent prestastore and for some reason this module no longer works? theres just a static image with no navigation or anything? could someone assist pleasE?

thank you

Share this post


Link to post
Share on other sites

 

 

I know this was posted a while ago, but incase anyone else finds this information useful.

 

Go to modules/jcarousel/assets and edit carousel_start.js

 

Where it says Auto, enter the desired number of seconds for slide.

 

function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
	carousel.startAuto(0);
});

carousel.buttonPrev.bind('click', function() {
	carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
	carousel.stopAuto();
}, function() {
	carousel.startAuto();
});
//$("#mycarousel li").css("display","block");
};

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 6,
	wrap: 'last',
	initCallback: mycarousel_initCallback
});
});

 

Hi, Thanks a lot, it helped me ! :)

But also wanting to change the "effect time", would like image transition slower. I've tried to change in the jqueryjcaroussel.js file the "animation: 'normal'," to "animation: 6000," (line 56), but didn't seem to work... any idea please ?

Share this post


Link to post
Share on other sites

Hi,

I am not a developer. How can i change the links from the picture? I saw all files, I have changed every where, but nothing.

Else. How can I change the number of pictures in the slide show. I am only 4 picture, but the in place of missing pictures, I see ?

 

thank you

Share this post


Link to post
Share on other sites

This helped me, thank you very much for the help

how do you manage ti fix this? I have the same problem

Share this post


Link to post
Share on other sites

Hi,

I am not a developer. How can i change the links from the picture? I saw all files, I have changed every where, but nothing.

Else. How can I change the number of pictures in the slide show. I am only 4 picture, but the in place of missing pictures, I see ?

 

thank you

you have to edit the file jcarousel.tpl file with your links, and add new or other image in slides folder

Share this post


Link to post
Share on other sites

I want use it on PS 1.5.4.1 but I can't install it :(

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More