jQuery Coin Slider - **Updated Feb. 3, 2011**
jQuery Coin Slider - **Updated Feb. 3, 2011**
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/
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/
Last edited by gp2727 on Thu Feb 03, 2011 10:24 pm, edited 5 times in total.
- iamafireman
-
- Posts: 84
- Joined: Mon May 26, 2008 2:41 am
- Location: Tennessee
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?
Please try version 1.1...made a few changes to CSS...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??
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.
Started building the jqfancytransitions extension....Please look for this in a few days or so....tailormade wrote:Original script and Demo at :
http://workshop.rs/projects/coin-slider/
Consider this for an extension too:
http://workshop.rs/projects/jqfancytransitions/
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...
- BaconFries
-
- Posts: 5640
- Joined: Thu Aug 16, 2007 7:32 pm
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>
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>
- protectourlands
-
- Posts: 426
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: jQuery Coin Slider - **Updated Feb. 3, 2011**
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!
This version will only work in version 7 & up... Enjoy!
Re: jQuery Coin Slider - **Updated Feb. 3, 2011**
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?
If you do not notice, try reloading the page.
Is it normal?
Re: jQuery Coin Slider - **Updated Feb. 3, 2011**
Yes it is, I previewed the developer's script page in IE and I see the issue you reported.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?
Will try to code a workaround but no guarantees...
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: jQuery Coin Slider - **Updated Feb. 3, 2011**
Extension on a blank page....Keeping default settings.....adding images....preview in Google Chrome, Opera and Safari the images dont show.
Any idea?
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
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Re: jQuery Coin Slider - **Updated Feb. 3, 2011**
@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/
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/
Re: jQuery Coin Slider - **Updated Feb. 3, 2011**
https://dl.dropboxusercontent.com/u/337 ... 111172.wbx
Built with Extension Builder 4.1 for use with Web Builder 8 and above.
Built with Extension Builder 4.1 for use with Web Builder 8 and above.