I found this slideshow http://jsfiddle.net/vengiss/QRWAD/6/ that works on my current project but the client requested to make the slideshow image clickable (with links), I tried adding
"<a href="#"><img src" but it wont work :( any suggestion?

Thanks for the reply. but its not working

Please try this.I have checked this in your jsfiddle and it is working fine there.

   <div class="container">

<div class="slider">
    <img src="http://placehold.it/300x300" class="placeholder"  onclick="window.location.href = 'http://www.google.com'">
    <img src="http://placekitten.com/300/300"  onclick="window.location.href = 'http://www.google.com'">
    <img src="http://placekitten.com/300/299"  onclick="window.location.href = 'http://www.google.com'">
    <img src="http://placekitten.com/300/298"  onclick="window.location.href = 'http://www.google.com'">        
</div>

<div class="content">
    Random content, resize this window to see how it works          
</div>

</div>

oh yes! i forgot to add the jquery link in my html. Thanks!