jQuery Coin Slider - **Updated Feb. 3, 2011**

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by gp2727 »

The jQuery Coin Slider extension is ready....Both Standard and Unicode versions included with the PDF instructions.
Here is the download link: http://www.mediafire.com/file/a3g07fm90 ... der111.zip
Here is the PDF instructions file only: http://www.mediafire.com/?qmb3aqha0l8i718
ChangeLog:
Extension has been updated to v1.1...Changes were made to CSS.
Extension has been updated to v1.1.1...jQuery embedded, now publishes to single folder for clarity.
Build with Extension Builder 2.6.1, so now only WB7 & higher compatible.

Developer page:
http://workshop.rs/projects/coin-slider/

Image
Last edited by gp2727 on Thu Feb 03, 2011 10:24 pm, edited 5 times in total.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Very nice! Will be trying it soon. Thanks for your efforts.

====
Edit
====

Have tried it. Fantastic. It is really really cool. Will be using it in one of my sites.

Well done!
Running WYSIWYG Web Builder since 2007...
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Slight issues with the location. I need to set the extension to 0,95 (left, top)

It looks ok through the code but physically it is offset by quite a large amount.

This is in design time

Image

and this is in runtime

Image

Any ideas?
Running WYSIWYG Web Builder since 2007...
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

Bendigo, I will examine and test the code again. Not sure if the jQuery and javascript object you show are compatible, but will do further testing.
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

Just tried this and it moves down probably 100px. I tried it with nothing else on the page.
GP, do you know if there is anyway to get more different effect??
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

bendigo wrote:Slight issues with the location. I need to set the extension to 0,95 (left, top)

It looks ok through the code but physically it is offset by quite a large amount.

Any ideas?
iamafireman wrote:Just tried this and it moves down probably 100px. I tried it with nothing else on the page.
GP, do you know if there is anyway to get more different effect??
Please try version 1.1...made a few changes to CSS...

iamafireman, at this time, you have random (blank), rain, straight, or swirl. You can also adjust some timing, but those are the only available effects.
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

tailormade wrote:Original script and Demo at :
http://workshop.rs/projects/coin-slider/

Consider this for an extension too:
http://workshop.rs/projects/jqfancytransitions/
Started building the jqfancytransitions extension....Please look for this in a few days or so....
FredericP
 
 
Posts: 71
Joined: Thu Apr 26, 2007 5:10 pm
Location: Bourges (France)
Contact:

Post by FredericP »

Very nice ! I will certainly use it. Thx very much.
[url]http://Peyronnin.fr[/url]
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Cheers GP. It is working like a charm! Thank you. However is there a reason why there a band on the of the images as they are displayed? I have elected not to have navigation and I am not sure if that is the cause or not.
Running WYSIWYG Web Builder since 2007...
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

I am unable to duplicate any banding with large,medium or small images...Nav on or off
I searched the developers site for any problems with this and none were mentioned.
Possible conflict with another object on your web page or image type would be my next thought....
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

gp2727 wrote:I am unable to duplicate any banding with large,medium or small images...Nav on or off
I searched the developers site for any problems with this and none were mentioned.
Possible conflict with another object on your web page or image type would be my next thought....

Sorted!

It was the option: opacity of Title/Navigation. It was set to 0.7. I set it to 0 and it is now sorted. Thank you. I am loving this extension.

BTW it does not like to be sent to the back. It goes all over the place when I send it to back. No big deal for me as I have sorted it now, just set it to be on top.
Running WYSIWYG Web Builder since 2007...
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

gp2727 see your fab extension in action in my new site

http://www.bendigodesign.net
Running WYSIWYG Web Builder since 2007...
User avatar
BaconFries
 
 
Posts: 5327
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Very nice indeed gp...keep up the great work...
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

Does your page source show similar to this.... I used 3 images, all images and extension box set to 550 px width, 220 px height.
This page source was made with the default settings for the extension...

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
<link rel="stylesheet" href="shadow.css" type="text/css" /></head>
<body>
<div id="gamesHolder" style="position:absolute;left:304px;top:38px;width:550px;height:220px;z-index:0">
<div id="coin-slider">
<a href="" target="">
<img src="images/nemo.jpg" />
<span></span>
</a>
<a href="" target="">
<img src="images/up.jpg" />
<span></span>
</a>
<a href="" target="">
<img src="images/walle.jpg" />
<span></span>
</a>
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 550,
height: 220,
spw: 7,
sph: 5,
delay: 3000,
sDelay: 30,
opacity: 0.7,
titleSpeed: 500,
effect: '',
navigation: true,
links : true,
hoverPause: true });
});
</script>
</body>
</html>
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Post by protectourlands »

Yes it does.

I have discovered that if I wait for it to cycle all the way around through all the pictures, the pictures do finally appear.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

@uncle rich
@thanksjc

Thank you guys. It an extension by yours truly:

viewtopic.php?t=19374
Running WYSIWYG Web Builder since 2007...
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Re: jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by gp2727 »

Posted Latest Version of jQuery CoinSlider v1.1.1 jQuery embedded and for server neatness, all files publish to single folder called coinslider.
This version will only work in version 7 & up... Enjoy!
User avatar
giula
 
 
Posts: 11
Joined: Sat Nov 14, 2009 11:19 pm

Re: jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by giula »

This extension works great but in IE, while the page loads, look vertically for a few seconds all the images of the slide.
If you do not notice, try reloading the page.
Is it normal?
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Re: jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by gp2727 »

giula wrote:This extension works great but in IE, while the page loads, look vertically for a few seconds all the images of the slide.
If you do not notice, try reloading the page.
Is it normal?
Yes it is, I previewed the developer's script page in IE and I see the issue you reported.
Will try to code a workaround but no guarantees...
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by me.prosenjeet »

Extension on a blank page....Keeping default settings.....adding images....preview in Google Chrome, Opera and Safari the images dont show.
Any idea?
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Re: jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by gp2727 »

@davemoguel

Yes, the file is set to private by choice. You can choose different galleries add-ons here: http://www.wysiwygwebbuilder.com/free_extras.html

You can easily add this to your website by adding the code listed here: http://workshop.rs/2010/04/coin-slider- ... e-effects/
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Re: jQuery Coin Slider - **Updated Feb. 3, 2011**

Post by gp2727 »

https://dl.dropboxusercontent.com/u/337 ... 111172.wbx

Built with Extension Builder 4.1 for use with Web Builder 8 and above.
Post Reply