jCarousel Extension - UPDATED 30/08/2012
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
jCarousel Extension - UPDATED 30/08/2012
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
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.
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jCarousel Extension - 26/08/2012
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/
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/
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jCarousel Extension - 26/08/2012
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.
The extension will be published tomorrow with a sample project.
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jCarousel Extension - UPDATED 28/08/2012
The new version 2 is out, read the first post
- protectourlands
-
- Posts: 443
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: jCarousel Extension - UPDATED 28/08/2012
Excellent extension. Thank you for taking the time to make it, and the demos.
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jCarousel Extension - UPDATED 28/08/2012
You're welcome hope guys around here find it useful
- BaconFries
-
- Posts: 5364
- Joined: Thu Aug 16, 2007 7:32 pm
Re: jCarousel Extension - UPDATED 28/08/2012
I see the bug has caught you too...(Extension Building) thanks for this...
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jCarousel Extension - UPDATED 28/08/2012
Yes, actually it hasBaconFries wrote:I see the bug has caught you too...(Extension Building) thanks for this...
Thanks a lot for your post, it keeps me encouraged doing other extensions
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jCarousel Extension - UPDATED 28/08/2012
A little update is available:
Added image background color. See first post under DOWNLOAD section.
Added image background color. See first post under DOWNLOAD section.
-
-
- Posts: 15
- Joined: Mon Jan 28, 2013 7:14 pm
- Location: Goirle
- Contact:
Re: jCarousel Extension -
[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
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