Easy slider - left/right - up/down.

[Eddy]

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







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

[BaconFries]

Thanks Eddy as always very nice indeed....

[genieuk]

Nice extension Eddy!

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

Mathew

[zinc]

Eddy greeeeeeeeatttt!!! love it,

[stamjoe]

thanks Eddy is the one i was trying to make it work....
Joe

[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]

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 . . 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]

.... 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 . .
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.

[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]

what's the use ?

NONE ... but peace of mind I guess ... .
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 . .
6. at this point ... user will say ... what the heck . .

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 . . !

[Eddy]

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.

[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
});
});

[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.

[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>

[Eddy]

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

Eddy.

[Eddy]

Meets W3C Standards
Built with Extension Builder 2.0.2

[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.

[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]

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>

[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

[me.prosenjeet]

Bacon,
Can this be updated? Doesnt work with WB8 and above

[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.

[me.prosenjeet]

Thankyou Bacon,
I will wait for this. However, I hope you dont mind me reminding you about this later.

[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.

[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.

[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

[me.prosenjeet]

Yes Bacon,
All is well now!
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!

Thanks for your patience