jCarousel Extension - UPDATED 30/08/2012

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
Post Reply
supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

jCarousel Extension - UPDATED 30/08/2012

Post by supersonictt » Sun Aug 26, 2012 3:02 pm

jCarousel Extension Version 2.0.1

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.
The original script and copyright stuff can be found here http://sorgalla.com/jcarousel/.

DEMO
Have a look at the examples in this page http://sorgalla.com/jcarousel/.

NOTES AND UPDATES
1. I included a sample project with the zip file, please read the description fully to understand how the extension works (it is really easy, but please read it).
2. The extension is made with most of the functions of the original script implemented. Callback functions and Thickbox lightbox are not implemented in the extension, but I will try to do it later as an update.
3. The extension is tested and works %100 on IE9, Chrome, Firefox, Maxthon and Safari.
4. Easing effects are now working %100.
5. You can now set image border and border padding.
6. You can add captions under each image with text settings..
7. You can add a main title to the container with text settings.
8. Images can be linked to other pages.
9. Added "no jump to top of the page" script if the image doesn't have a link specified.
10. Works with jquery 1.7.2.
11. And much more...
12. This is my third real extension, I had to make a lot of workarounds to make the extension work properly, and as an example: the original script uses one image for the next arrows; when it is disabled, active and hover. So in the css file the background image is determined by the position of the part of that image. In the extension, each button image is specified alone. Plus, in order to give the shifting effect when clicking on the button, I had to add divs in the html code so it gives this effect. SO, for the ones who have experience in coding, if there is any better way to improve/refine the code to give a cleaner code please post it here. My experience in html and css is not that super, so any help would be really appreciated.

DOWNLOAD
http://www.mediafire.com/?fovxdfnz82src97

ADDED: Image background color. This is ONLY effective if you are using image border padding.

INSTRUCTIONS
1. Install the jCarousel.wbx extension.
2. Drag and drop the extension where you want it to be.
3. Double click on it and modify the settings.
Note: you don't need to resize the extension. Do it if you need to know how it will be positioned relative to other objects in your design page.

Enjoy :)
Last edited by supersonictt on Thu Aug 30, 2012 2:18 am, edited 4 times in total.

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: jCarousel Extension - 26/08/2012

Post by supersonictt » Sun Aug 26, 2012 7:16 pm

New update is on the way, including:
1. The ability to add captions under each image (for horizontal slider).
2. Captions (text) can be styled, including text shadow properties.
3. Images can have borders now (with different border styles), border radius and on hover border color change.
Here is a demo link: http://pulsecube.com/extensions/jcarousel/

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: jCarousel Extension - 26/08/2012

Post by supersonictt » Mon Aug 27, 2012 1:00 am

The update fixed the IE9 issue (see post #1), and now the container can have a title on the top.
The extension will be published tomorrow with a sample project.

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: jCarousel Extension - UPDATED 28/08/2012

Post by supersonictt » Tue Aug 28, 2012 1:34 am

The new version 2 is out, read the first post :)

User avatar
protectourlands
 
 
Posts: 667
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: jCarousel Extension - UPDATED 28/08/2012

Post by protectourlands » Tue Aug 28, 2012 2:08 pm

Excellent extension. Thank you for taking the time to make it, and the demos.

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: jCarousel Extension - UPDATED 28/08/2012

Post by supersonictt » Tue Aug 28, 2012 2:28 pm

You're welcome :) hope guys around here find it useful :)

User avatar
BaconFries
 
 
Posts: 4168
Joined: Thu Aug 16, 2007 7:32 pm

Re: jCarousel Extension - UPDATED 28/08/2012

Post by BaconFries » Tue Aug 28, 2012 6:12 pm

I see the bug has caught you too...(Extension Building) thanks for this...

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: jCarousel Extension - UPDATED 28/08/2012

Post by supersonictt » Tue Aug 28, 2012 8:14 pm

BaconFries wrote:I see the bug has caught you too...(Extension Building) thanks for this...
Yes, actually it has :)
Thanks a lot for your post, it keeps me encouraged doing other extensions :)

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: jCarousel Extension - UPDATED 28/08/2012

Post by supersonictt » Thu Aug 30, 2012 2:18 am

A little update is available:
Added image background color. See first post under DOWNLOAD section.

Fonzie1953
 
 
Posts: 2
Joined: Mon Jan 28, 2013 7:14 pm
Location: Goirle

Re: jCarousel Extension -

Post by Fonzie1953 » Sun Sep 06, 2015 7:25 am

[quote="supersonictt"]jCarousel Extension Version 2.0.1


Hello supersonictt,
I ran into a problem. When I use jCarousel extension and the slide show from Pablo on one page, then only working the jCarousel extension and the slide show not. When I remove the jCarousel from the page the slide show works again.

Thanks a lot for your post
Fonzie

Post Reply

Who is online

Users browsing this forum: No registered users and 8 guests