Easy slider - left/right - up/down.

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
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Easy slider - left/right - up/down.

Post by Eddy »

Easy slider.
Please use only .jpg images to make the slider also work in IE browsers.

Image

Image


Image
Download Easy Slider for WB 6.5 ].
http://www.mediafire.com/file/wytmmid2n ... _valid.zip

In the pdf are example images with the settings for the different sliders!


NOTE:
You cannot use the textlinks NEXT and PREVIOUS together with BUTTONS.

Developer: Alan Gracalic.
Easy slider examples.
http://cssglobe.com/post/4004/easy-slid ... or-sliding
Last edited by Eddy on Tue Dec 29, 2009 11:12 am, edited 3 times in total.
User avatar
BaconFries
 
 
Posts: 5327
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Thanks Eddy as always very nice indeed....
genieuk
 
 
Posts: 129
Joined: Fri Mar 06, 2009 2:10 am

Post by genieuk »

Nice extension Eddy!

I must say that web template in that image is also very nice.

Mathew
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Eddy greeeeeeeeatttt!!! love it,
User avatar
stamjoe
 
 
Posts: 230
Joined: Sat Feb 09, 2008 10:32 am
Location: GREECE

Post by stamjoe »

thanks Eddy is the one i was trying to make it work....
Joe
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

The problem what you are asking do I not see ,but the slider in your page does not work in IE7 ?

I have tested the slider extension in IE6 and 7 ,firefox,safari,avant browser,slimbrowser withoud any problem.

I have no idea why the slider does not show up in IE in your page,maybe some script what works not together with the sliderscript.

Maybe if you rename the images?
images/tgt-slide-1.png
to
images/tgt_slide_1.png

And type the target for the link.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

it's a combination of .png, pngfix, anti-alias and IE that's causing it, I think.
it's just a miss match all over . :roll: . have seen this before.
don't know how one would solve this in the script ?
... if this is what I think ... then ...

as workarounds:
1. turn off pngfix.htc
or
2. replace the .png images for .jpg or another format in the slider.
or
3. put the extension in a separate inline frame
or
4. don't use anti-alias in your page

hope this helps !
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

thanksjc wrote:.... That kinda stinks though that the extension doesn't work well with png files. For a slider that has rounded corners like mine on this site, jpegs are hard to work with when you have a gradient background with to-tone colors. Png file take care of this issue. Any fixes for that? ....
your site loads fine now, as far as I can see ?!

I don't how you could solve this in the script itself,
it's a problem with IE not rendering the image, but the background (transparency).
you can test that by inserting a .jpg/ a .png/ and a .jpg in sequence.
then run that on your page in IE ... the slider will work just fine, but not on the .png.

you could work around it in the script, but then Eddy would have to change it.
don't know if he wants to do that, and even if it's gonna be an improvement.
workaround are always' a bit of a mess . :roll: .
but the change would be something like this ...

from:

Code: Select all

<li><a href=""><img src="images/$image$" target="" border="0" alt=""></a></li>
to:

Code: Select all

<li><div style="background:url(images/$image$) no-repeat 0 0;"><a href="" target=""><img src="transparent.gif" width="$width$px" height="$height$px" border="0" alt=""></a></div></li>
and then a transparent.gif to act as dummy.

that's a bit of a mess . :( . but m-a-y-b-e Eddy can do something with it.

added:
this workaround will still not give transparency in IE, but the slider will function normal.
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Code: Select all

<li><div style="background:url(images/$image$) no-repeat 0 0;"><a href="" target=""><img src="transparent.gif" width="$width$px" height="$height$px" border="0" alt=""></a></div></li> 
added:
this workaround will still not give transparency in IE, but the slider will function normal.

Thanks for your time Jordan to look into this.
If the .png does not have transparency in IE than what`s the use to change the code?
I did look at the developer site and he used only .jpg images ,if the png image does not show transparency in IE than i don`t see it as an improvement.
jpg images are lighter and load faster than .png images thus its better to use jpg images.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

what's the use ?

NONE ... but peace of mind I guess ... :lol: .
no ... seriously, the problem is very easy to recreate.
so what thanksjc experienced can certainly happen again.

easy test:
1. new project / pngfix.htc enabled
2. easy slider with .png image's on stage
3. a shape on stage / anti-alias on (.png)
4. run in IE
5. easy slider is not there . :shock: .
6. at this point ... user will say ... what the heck . :mrgreen: .

with the change .png will show, but in IE if transparency, with the brown border.

but you said it already Eddy, the developer uses .jpg only, often, that say's enough . :wink: . !
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Kid wrote: I was wondering how to put the "buttons" below the slide show which can be seen on the site in my previous post in Dutch.
Did read the manual several times before installing and have tried it also lots of times changing the options,but cant figure it out ?

My apologies if I overlooked the solution ,

Thank you
Thats not the same image slider ,Its NOT possible with the settings in the properties window.
You have to change manual the code from the slider html/css to have the buttons below the image.
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

I don`t see a arrow resize option ?,but there is a new numeric option I look if thats possible in the same extension.

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

The next update wil have numeric :) ,the newer original script have bugs with vertical scroll in IE but i have that solved.
I need some time to test the .css and make variables for the numeric colors etc before I upload.
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

The example page is from the original developer,I did only build an extension for the images slider.

Maybe if you publish local and change the html in notepad that it works?
But I have no idea where the Background image for the text is inserted, you have to look in the original file what you can download from that site.

This is the image slider html.

Code: Select all

<div id="slider">
<ul>				
<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a>
</li>
</ul>
</div>

this is the text slider html.

Code: Select all

<div id="slider2">
<ul>				
<li>
<h2>What's Templatica anyway?</h2>
<p>Templatica is a membership based template club where you get 
<strong>full access to all templates</strong> in the<a href="http://templatica.com/templates">css template gallery</a>
for a single and very affordable<strong>annual fee of $24!</strong><br />
</li>
</ul>
</div>
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Updated the slider with numbers and css to change the Number colors.

Eddy. :wink:
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Meets W3C Standards
Built with Extension Builder 2.0.2
Image
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

From the pdf text,
You can make your own next and previous buttons.
The buttons are in the jsslider folder on your server,use the same dimensions.
I have inserted two example buttons in the zip file.
The buttons must have the same dimensions and same image-name/ extension.
User avatar
kevinp
 
 
Posts: 96
Joined: Wed Feb 21, 2007 2:51 pm
Location: Preston, Lancashire, England

Post by kevinp »

If you don't use the pngfix.htc then easyslider seems to work with .png images

see http://www.primal-design.co.uk

Obviously this will create strange results in IE6 but seems OK in most other browsers I've tried.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

hi vasbot,

try this ... add this in the <HEAD> of your HTML (between HEAD tag)

<style type="text/css">
#slider{
visibility:hidden;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
$('#slider').css('visibility','visible')
});
</script>
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Maybe you like this fade slider.
viewtopic.php?t=22636
or this one,
viewtopic.php?t=24874

Find more image sliders here,
viewtopic.php?t=21051&start=0
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Easy slider - left/right - up/down.

Post by me.prosenjeet »

Bacon,
Can this be updated? Doesnt work with WB8 and above :(
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
BaconFries
 
 
Posts: 5327
Joined: Thu Aug 16, 2007 7:32 pm

Re: Easy slider - left/right - up/down.

Post by BaconFries »

Hi me at the moment I am busy working on a new extension of my own, as soon as I finish this and testI will see what I can do about udating this to use the latest version of jQuery and see if anything more can be done with the extension.
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Easy slider - left/right - up/down.

Post by me.prosenjeet »

Thankyou Bacon,
I will wait for this. However, I hope you dont mind me reminding you about this later. :D
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
BaconFries
 
 
Posts: 5327
Joined: Thu Aug 16, 2007 7:32 pm

Re: Easy slider - left/right - up/down.

Post by BaconFries »

Hmmm are you saying that I am getting forgetful in my old age.... lol just to keep you uptodate I have already started looking at this...but yes feel free to remind me incase the crey cells dont work as they should.
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Easy slider - left/right - up/down.

Post by me.prosenjeet »

Lol Lol Lol
No, I was not referring to your old age but your busy status in WB forum. Honestly, we all thankyou for your GREAT (yes Im shouting!) extensions. By the way, had Eddy given you the project of this extension along with the associated files? In that case I may try to update it with my limited knowledge of extension development. :wink:
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
BaconFries
 
 
Posts: 5327
Joined: Thu Aug 16, 2007 7:32 pm

Re: Easy slider - left/right - up/down.

Post by BaconFries »

@ me from reading your other toics regarding the use of extensions not working and now that you seem to have this issue resolved ....I take it that this extension is now working and doesnt need to be updated?? just so this tired old man knows what he is doing lol
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Easy slider - left/right - up/down.

Post by me.prosenjeet »

Yes Bacon,
All is well now! :D
I really dont know what happened....I wasted a lot of time, not only mine but yours, Jordans and most importantly Supports.
Computers behave strange and believe me, what happened scared the hell out of me! :shock: :?

Thanks for your patience :D
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Post Reply