Jump to content

slide show in java script/jquery


phpgoal

Recommended Posts

Hello,

If I select May 2013, I want to see a slide show.
If I select June 2013, I want to see a slide show with a different pictures.

 

Everything is working here except the slide show. Pls help.

<head>
  <script>   $(function() {
        $( "#from, #to, #future" 
).datepicker({
            
changeMonth: 
true,            
numberOfMonths: 
1,            
onSelect: function( selectedDate ) {
                
if(this.id == 'from'){
                  
var dateMin = $('#from').datepicker("getDate");
                  
var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() 
+ 0);   //alert 
(rMin.getFullYear());     //alert (rMin.getMonth());
    if(rMin.getMonth() == 4 && rMin.getFullYear() == 
2013){
var image1=new Image()
image1.src="car1.jpg"
var image2=new Image()
image2.src="car7.jpg"
$('#pics1').attr("src", "car7.jpg" );

}
if(rMin.getMonth() == 5 && rMin.getFullYear() == 2013){
var image1=new Image()
image1.src="car3.jpg"
var image2=new Image()
image2.src="car4.jpg"
$('#pics1').attr("src", "car4.jpg" );
}                  
var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() 
+ 
3);                  
var rFuture = new Date(dateMin.getFullYear(), 
dateMin.getMonth(),dateMin.getDate() + 10);
  $('#to').val($.datepicker.formatDate('mm-dd-yy', new 
Date(rMax)));   $('#future').val($.datepicker.formatDate('mm-dd-yy', 
new 
Date(rFuture)));                                   
}
            
}        });    
});
</script>
</head>
<body> <div class="demo">
<label for="from">From</label><input type="text" id="from" 
name="from"/><label for="to">to</label><input 
type="text" id="to" name="to"/><label 
for="future">future</label><input type="text" id="future" 
name="future"/><br><br><label 
for="pics1">pics</label><input type="image"  
id="pics1"  name ="slide" src="car1.jpg"  width="48" 
height="48">

<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<2)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>
 
 
Link to comment
https://forums.phpfreaks.com/topic/279163-slide-show-in-java-scriptjquery/
Share on other sites

  • 2 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.