묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판 내에 jquery slide 소스를 넣으려고 합니다!!
2011.07.27 11:51
<meta charset="utf-8">
<link rel="stylesheet" href="css/global.css" <script="" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" <script src="</script '>http://www.amusefilm.com/js/standard/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'http://www.amusefilm.com/js/standard/img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<div id="container">
<div id="slides">
<div class="slides_container">
<a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-1.jpg" alt="Slide 1" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-2.jpg" alt="Slide 2" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-3.jpg" alt="Slide 3" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-4.jpg" alt="Slide 4" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-5.jpg" alt="Slide 5" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-6.jpg" alt="Slide 6" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-7.jpg" alt="Slide 7" height="270" width="570"/></a>
</div>
<a href="#" class="prev"><img editor_component="image_link" src="http://www.amusefilm.com/js/standard/img/arrow-prev.png" alt="Arrow Prev" height="43" width="24"/></a>
<a href="#" class="next"><img editor_component="image_link" src="http://www.amusefilm.com/js/standard/img/arrow-next.png" alt="Arrow Next" height="43" width="24"/></a>
</div>
<img editor_component="image_link" src="http://www.amusefilm.com/js/standard/img/example-frame.png" alt="Example Frame" id="frame" height="341" width="739"/>
</div>
대충 이렇게 붙여넣었는데.. 깨지더군요!!
넣는 방법이 있을까요??
<link rel="stylesheet" href="css/global.css" <script="" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" <script src="</script '>http://www.amusefilm.com/js/standard/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'http://www.amusefilm.com/js/standard/img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<div id="container">
<div id="slides">
<div class="slides_container">
<a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-1.jpg" alt="Slide 1" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-2.jpg" alt="Slide 2" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-3.jpg" alt="Slide 3" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-4.jpg" alt="Slide 4" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-5.jpg" alt="Slide 5" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-6.jpg" alt="Slide 6" height="270" width="570"/></a>
<a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img editor_component="image_link" src="http://slidesjs.com/examples/standard/img/slide-7.jpg" alt="Slide 7" height="270" width="570"/></a>
</div>
<a href="#" class="prev"><img editor_component="image_link" src="http://www.amusefilm.com/js/standard/img/arrow-prev.png" alt="Arrow Prev" height="43" width="24"/></a>
<a href="#" class="next"><img editor_component="image_link" src="http://www.amusefilm.com/js/standard/img/arrow-next.png" alt="Arrow Next" height="43" width="24"/></a>
</div>
<img editor_component="image_link" src="http://www.amusefilm.com/js/standard/img/example-frame.png" alt="Example Frame" id="frame" height="341" width="739"/>
</div>
대충 이렇게 붙여넣었는데.. 깨지더군요!!
넣는 방법이 있을까요??