Brilliant Plugin! Very nice!

Hi, thanks, it’s good to know you like it

It looks very nice and the effect is very cool!

Awesome, tagged it for further inspections.

However there seems to be a little mistake:

[quote]Name it anything you want. I will name it: [b]TestImg[/b][/quote]
http://www.hieu.co.uk/ImageSwitch/Info.aspx

Then you go on but do not name your img "TestImg":
[quote]
<img src="[b]image1[/b]" />
<a href="#" id="TestTrigger"></a>
[/quote]
Regards,

René

Oop, my bad. Thank you so much to inform me. I fix the errors already .

Hi there,

Very cool plugin, added an announcement here:
http://www.opensourcereleasefeed.com/release/show/imageswitch-jquery-plugin

Kind Regards,
Schalk

Thank Schalk, I’m also a fan of your website .

@hieuuk – Awesome, thanks so much. Glad to have you on board

Hello,

Please add your site at http://www.sweebs.com. Sweebs.com is a place where other people can find you among the best sites on the internet!
Its just started and we are collecting the best found on the net! We will be delighted to have you in the sweebs listings.

Regards
Kris

@Kris: Added already. Thanks . I’m planning to make one of this for my languages as well. I’ll learn a lot from your website.

Great plugin !!!
Do you think it will be possible to have an option to "auto-switch" in future release.

It will be great for example to "auto-switch" every 5 seconds.

Best regards,

Great plugiin !!!

do you think it will possible to have an option to "auto-switch" in a future release ?

It wil be great for example to "auto-switch" every 5 seconds.

Best regards,

how do I activate the demos?

Hi, all you have to do is click on the effect name (Fade in, Fly in…). And make sure you have Javascript turn on as well.

Great plugin. However if you try to click a trigger to activate the plugin while it is in the middle of doing the animation, it seems to throw off the formatting and move it to absolute position 0,0.
Anyone else have that problem?

Its working thanks a loooot!

I have found that when I have this trigger on a mouseover of the image I want to fade, it will fade the image twice. I am guessing it is because the first fade I see if the image pre-loading, then the code thinks it is fading the image in.

It works fine if I hover on a link to trigger the fade.

Also, when I mouseoff the image to switch back, it only needs to run once.

Is there a way I could put some sort of stop in so it will only fade the image in once?

@Evan: I think I know the problem, the first image fade, and new image stay on top of it -> JS thought you mouse move out of the image already…
If you check this article, I wrote about apply IS in web dev, check the RSS fade in effect, it could explain how to make it work in this situation:
8 Guides to apply jquery and Imageswitch in web design

thanks for the great effect,

I’d love to use just the fade effect to cycle through a couple of photos, how could you set this up to auto cycle through every 3 seconds?

Thanks

Hi,
This link contain the guide of how to make the script loop automatically, hope it will help
http://www.hieu.co.uk/blog/index.php/2009/03/21/8-guides-to-apply-jquery-and-imageswitch-in-web-design/

Awesome article!
Are you Vietnamese, Hieu?
Nice to meet .

Thank Toan .
Yes I’m Vietnamese however I’m currently working in UK

couples have is a priority, small recommend three kinds of color han2 ban3 wedges sandals, whether very cute?

When the movie “sex and the city 2″ trailer global distribution, appear even in CCTV news channel, the audience is very friendly to expect to this film clothing modelling division Patricia Field.

Hello, does any one know how to get rid of the black edges around PNG files I had read that you need to put the effect on a div. But the effect takes place in javascript and only uses one div “splashframe”.
Does any one know how to make this example whitout the black edges in internet Explorer 7, en 8? Lets say whit pngiefix or something like that?
Thanks for any help.

*{
padding: 0;
margin: 0;
font-family: verdana, arial;
font-size: 12px;
}

h3{
font-size: 1.3em;
margin: 10px;
}

p{
margin: 10px;
}

a{
text-decoration: none;
text-color: #007BEC;
}

a:hover{
text-decoration: underline;
}

a img{
border: none;
margin: 0 10px 0 0;
}

body{
background: #FFF;
padding: 50px;
}

/* Example style */
.SplashFrame{
width: 497px;
height: 236px;
margin: 0 auto;
padding: 27px 0 0 36px;
}

.SlashEff{
background: url(Images/tryitnow.jpg) no-repeat 0 0;
width: 550px;
height:62px;
margin: 20px auto 0;
padding: 5px 0 0 60px;
}

.SlashEff ul li{
float: left;
list-style-image: none;
list-style-type: none;
width: 100px;
cursor: pointer;
}

.SlashEff ul li:hover{
text-decoration: underline;
}

var ImgIdx = 2;
function PreloadImg(){
$.ImagePreload(“images/slash1.png”);
$.ImagePreload(“images/slash2.png”);
$.ImagePreload(“images/slash3.png”);
$.ImagePreload(“images/slash4.png”);
}
$(document).ready(function(){
PreloadImg();
$(“.SlashEff ul li”).click(function(){
$(“.Slash”).ImageSwitch({Type:$(this).attr(“rel”), NewImage:”images/slash”+ImgIdx+”.png”, speed: 4000 });
ImgIdx++;
if(ImgIdx>4) ImgIdx = 1;
});
});

TRY EFFECTS

Fade in
Fade in
Fade in
Fade in

Really stuck on my way to implement revealing previous image using FLIPIN effect.

I am using FlipOut to move to a NEXT image and want to use FlipIn to move back to PREVIOUS image.

Can anyone help?

Kind Regards