Всем привет.
Помогите пожалуйста вот с кодом.
Это слайдер картинок.
Вставляю его себе на сайт и шрифт, цвет шрифта на сайте меняется почему то и сам слайдер не работает..
Код:
![Выделить весь код](images/misc/selectcode.png)
<script src="/slider/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: '/slider//img/loading.gif',
play: 5000,
pause: 2500,
slideSpeed: 600,
hoverPause: true
});
$('.expand .show').click(function(){
var obj = $(this).parents('.expand');
if ($(obj).hasClass('expanded')) {
$(obj).removeClass('expanded');
$('.content',obj).slideUp('fast');
$(this).text('Show example');
} else {
$(obj).addClass('expanded');
$('.content',obj).slideDown('fast');
$(this).text('Hide example');
}
return false;
});
$('.download_track').click(function(){
_gaq.push(['_trackEvent', 'Slides', 'Download', 'Slides GitHub Download']);
});
$('#submit').click(function(){
_gaq.push(['_trackEvent', 'Slides', 'Donate', 'Slides Donation']);
});
$('.contribute').click(function(){
_gaq.push(['_trackEvent', 'Slides', 'Contribute', 'Slides Contribute']);
});
});
</script>
<link rel="stylesheet" href="/slider//css/global.css">
<!-- Google Analytics Asynchronous Tracking -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2772036-11']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="container">
<div id="example">
<img src="/slider/img/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
<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 src="/slider/img/1.png" width="570" height="270" alt="Slide 1"></a>
<a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
<a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
<a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Slide 4"></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 src="img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
<a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
<a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
</div>
<a href="#" class="prev"><img src="/slider/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="/slider/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
Может этот код взять в какой-то ТЕГ, что-бы сам этот код не взаемодействовал с другим кодом?