Easy slider - left/right - up/down.

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
Eddy
 
 
Posts: 502
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Easy slider - left/right - up/down.

Post by Eddy » Fri May 22, 2009 9:31 am

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: 4150
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries » Fri May 22, 2009 11:04 am

Thanks Eddy as always very nice indeed....

genieuk
 
 
Posts: 139
Joined: Fri Mar 06, 2009 2:10 am

Post by genieuk » Fri May 22, 2009 12:12 pm

Nice extension Eddy!

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

Mathew

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

Post by zinc » Fri May 22, 2009 12:29 pm

Eddy greeeeeeeeatttt!!! love it,

User avatar
stamjoe
 
 
Posts: 246
Joined: Sat Feb 09, 2008 10:32 am
Location: GREECE

Post by stamjoe » Fri May 22, 2009 5:26 pm

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

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

Post by Eddy » Wed Oct 28, 2009 12:06 am

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: 838
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan » Wed Oct 28, 2009 12:44 am

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: 838
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan » Wed Oct 28, 2009 3:36 pm

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: 502
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Wed Oct 28, 2009 6:58 pm

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: 838
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan » Wed Oct 28, 2009 11:28 pm

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: 502
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Wed Nov 11, 2009 3:47 pm

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: 502
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Fri Nov 13, 2009 12:01 pm

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: 502
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Sat Nov 14, 2009 11:56 pm

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: 502
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy » Wed Nov 25, 2009 12:25 am

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>

Post Reply

Who is online

Users browsing this forum: Google [Bot] and 5 guests