Javascript$ (function () {
$ ("#KinSlideshow"). Kinslideshow ({
Movestyle: "Down",//set toggle direction down [default left toggle]
Intervaltime:8,//set interval is 8 seconds [default is 5 seconds]
MouseEvent: "MouseOver"//Set mouse events for "Mouse over toggle" [Default mouse click Toggle]
Titlefont:{titlefont_size:14,titlefont_color: "#FF0000"}//Set title text Size 14px, color: #FF0000
});
})Html:<div id= "Kinslideshow" style= "Visibility:hidden;" >
<a href= "javascript:void (0)" ></a>
<a href= "javascript:void (0)" ></a>
<a href= "javascript:void (0)" ></a>
<a href= "javascript:void (0)" ></a>
<a href= "javascript:void (0)" ></a>
<a href= "javascript:void (0)" ></a>
</div>
Tip 1: The outer div suggests adding a sentence style: style= "Visibility:hidden;" No, this sentence will see all the pictures in the moment when the page just loads in IE. this is because kinslideshow To wait for the page to load complete to resolve the page to be set as the focus of the HTML, although the user experience is less than 0.01 seconds but not very good, so it is recommended to add. Do not add to the program also did not affect!
Tip 2: To be compatible with chrome you need to write the actual width and height of the slices in the IMG tag, which other browsers do not need.
jquery Focus Map/Slideshow effect Plugin Kinslideshow