Ik gebruik onderstaande jquery slider.
maar nu wil ik er een linkje aan koppelen.
dan doe ik dit zo
<a href="test"><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"></a>
En dan zie ik mijn plaatje niet meer kunnen jullie me helpen ?
PHP Code:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 6000);
});
</script>
<div class="fadein">
<img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
<img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
</div>
-
10-07-2012, 07:32 #1
Particulier
- Berichten
- 161
- Lid sinds
- 13 Jaar
jquery slider
-
In de schijnwerper
-
10-07-2012, 08:38 #2
Bedrijfgegevens op aanvraag
- Berichten
- 1.031
- Lid sinds
- 17 Jaar
Re: jquery slider
Waarom het wiel opnieuw uitvinden ? ;)
Kijk eens naar Nivo slider, stukken makkelijker : http://nivo.dev7studios.com/
-
10-07-2012, 11:09 #3
Particulier
- Berichten
- 327
- Lid sinds
- 16 Jaar
Re: jquery slider
Dit zou moeten werken.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
.fadein, .fadein a {overflow:hidden; width:500px; height:332px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
$('.fadein a:gt(0)').hide();
setInterval(function(){$('.fadein a:first-child').fadeOut().next().fadeIn().end().appendTo(' .fadein');}, 2000);
});
</script>
</head>
<body>
<div class="fadein">
<a href="#"><img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"></a>
<a href="#"><img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"></a>
</div>
</body>
</html>
Css toegevoegd, en de 'a' toegevoegd aan de query.
