<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>jquery desoslide幻灯片插件 - 网页模板</title>
<link rel="icon" href="assets/img/favicon.png">
<!--[if lt IE 9]>
<script src="assets/js/vendor/html5shiv/html5shiv.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="assets/css/app/main.css" />
<link rel="stylesheet" href="assets/css/app/views/demo.css" />
<link rel="stylesheet" href="assets/css/vendor/magic/magic.min.css">
<link rel="stylesheet" href="assets/css/vendor/animate/animate.min.css">
<link rel="stylesheet" href="css/jquery.desoslide.css">
</head>
<body>
<!-- Demo section -->
<section id="section_demo">
<div class="container">
<!-- Demo 1 -->
<h3 class="page-header">
<span class="label label-danger">1</span> Default options
</h3>
<div class="row">
<!-- Result 1 -->
<article class="col-lg-12 col-md-12">
<h4>Result</h4>
<div class="row">
<div id="slideshow_1_thumbs_1" class="col-lg-2 col-md-2">
<ul class="slideshow1_thumbs desoslide-thumbs-vertical list-inline text-center">
<li>
<a href="assets/img/demos/demo1/bick_buck_bunny.jpg">
<img src="assets/img/demos/demo1/bick_buck_bunny_thumb.jpg"
alt="Bick Buck Bunny"
data-desoslide-caption-title="Bick Buck Bunny">
</a>
</li>
<li>
<a href="assets/img/demos/demo1/rinky.jpg">
<img src="assets/img/demos/demo1/rinky_thumb.jpg"
alt="Rinky"
data-desoslide-caption-title="Rinky">
</a>
</li>
<li>
<a href="assets/img/demos/demo1/its_a_trap.jpg">
<img src="assets/img/demos/demo1/its_a_trap_thumb.jpg"
alt="It's a trap!"
data-desoslide-caption-title="It's a trap!">
</a>
</li>
<li>
<a href="assets/img/demos/demo1/evil_frank.jpg">
<img src="assets/img/demos/demo1/evil_frank_thumb.jpg"
alt="Evil Frank"
data-desoslide-caption-title="Evil Frank">
</a>
</li>
</ul>
</div>
<div id="slideshow1" class="col-lg-8 col-md-8"></div>
<div id="slideshow_1_thumbs_2" class="col-lg-2 col-md-2">
<ul class="slideshow1_thumbs desoslide-thumbs-vertical list-inline">
<li>
<a href="assets/img/demos/demo1/rodents.jpg">
<img src="assets/img/demos/demo1/rodents_thumb.jpg"
alt="Rodents"
data-desoslide-caption-title="Rodents">
</a>
</li>
<li>
<a href="assets/img/demos/demo1/bunny_bow.jpg">
<img src="assets/img/demos/demo1/bunny_bow_thumb.jpg"
alt="Bunny Chasing"
data-desoslide-caption-title="Bunny Chasing">
</a>
</li>
<li>
<a href="assets/img/demos/demo1/attack.jpg">
<img src="assets/img/demos/demo1/attack_thumb.jpg"
width="132"
height="77"
alt="Rinky Attacked!"
data-desoslide-caption-title="Rinky Attacked!">
</a>
</li>
<li>
<a href="assets/img/demos/demo1/bird.jpg">
<img src="assets/img/demos/demo1/bird_thumb.jpg"
alt="Happy Bird"
data-desoslide-caption-title="Happy Bird">
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
<br /><br />
<div class="row">
<!-- Code 1 -->
<article class="col-lg-4 col-md-4">
<h4>Choose your effect</h4>
<form id="effect_selector_form" action="/" method="get" accept-charset="utf-8" role="form">
<div class="form-group">
<label for="effect_provider">Effect provider</label>
<select id="effect_provider" name="provider" class="form-control">
<option value="animate">animate</option>
<option value="magic">magic</option>
</select>
</div>
<div class="form-group">
<label for="effect_name">Effect name</label>
<select id="effect_name" name="effect" class="form-control">
</select>
</div>
</form>
</article>
<!-- Code 1 -->
<article class="col-lg-8 col-md-8">
<h4>Code</h4>
<pre><code id="html_code1"><link rel="stylesheet" href="path/to/animate.min.css"></code></pre>
<pre><code id="js_code1">$('#slideshow').desoSlide({
thumbs: $('ul.slideshow_thumbs li > a'),
effect: {
provider: 'animate',
name: 'fade'
}
});</code></pre>
</article>
</div>
<!-- Demo 2 -->
<h3 class="page-header">
<span class="label label-danger">2</span> With links
</h3>
<div class="row">
<div class="col-lg-12 col-md-12">
<p
jquery desoslide幻灯片插件.zip （83个子文件） 
jquery desoslide幻灯片插件 jiaoben2775 css 
jquery.desoslide.css 1KB jquery.desoslide.min.css 1KB img 
desoslide_controls.png 460B assets css vendor animate animate.min.css 55KB magic magic.min.css 76KB app views documentation.css 14KB tests.css 15KB home.css 15KB demo.css 16KB release-notes.css 14KB main.css 199KB img team 
sylvain.jpg 4KB jaoued.png 17KB favicon.png 917B core jquery.png 6KB animate.png 1KB magic.png 2KB demos demo5 road_thumb.jpg 15KB wheat_thumb.jpg 18KB lighthouse_thumb.jpg 14KB road.jpg 73KB wheat.jpg 61KB lighthouse.jpg 61KB dolmens_thumb.jpg 15KB dolmens.jpg 66KB demo2 bird_thumb.jpg 38KB butterfly.jpg 173KB flower_thumb.jpg 14KB butterfly_thumb.jpg 29KB rose_thumb.jpg 29KB rose.jpg 225KB bird.jpg 461KB flower.jpg 38KB demo3 city_thumb.jpg 17KB eiffel_thumb.jpg 20KB eiffel.jpg 120KB city.jpg 93KB building.jpg 115KB bridge.jpg 78KB bridge_thumb.jpg 16KB building_thumb.jpg 20KB demo1 bird_thumb.jpg 14KB bick_buck_bunny.jpg 62KB bick_buck_bunny_thumb.jpg 17KB rinky_thumb.jpg 16KB evil_frank_thumb.jpg 20KB its_a_trap.jpg 101KB its_a_trap_thumb.jpg 21KB attack.jpg 159KB rinky.jpg 55KB rodents_thumb.jpg 21KB attack_thumb.jpg 22KB evil_frank.jpg 65KB bird.jpg 49KB bunny_bow_thumb.jpg 18KB bunny_bow.jpg 52KB rodents.jpg 85KB demo4 tiger.jpg 118KB dog_thumb.jpg 17KB lynx_thumb.jpg 30KB tortoise.jpg 259KB tiger_thumb.jpg 21KB tortoise_thumb.jpg 33KB dog.jpg 87KB lynx.jpg 323KB flat-ui infinite.png 3KB settings.png 3KB picture.png 1KB tests.png 4KB gift.png 4KB goal.png 4KB js vendor bootstrap bootstrap.min.js 30KB html5shiv html5shiv.min.js 3KB jquery jquery.js 94KB wow.min.js 3KB highlight highlight.pack.js 9KB app documentation.js 314B demo.js 7KB release-notes.js 314B home.js 339B
index.html 21KB js jquery.desoslide.js 41KB jquery.desoslide.min.js 15KB资源评论
