Форум Сайтостроение Веб-строительство

Установка слайдера

SF
На сайте с 12.11.2011
Offline
103
SniFFeRok
1305

Доброго вечера, не могу понять одну вещь при установке слайдера.

Итак, smslider. 

Установка

1. Приаттачить на страницу jQuery и файлы из архива:

<link type="text/css"  rel="stylesheet" href="smslider/sm.slider.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript" src="smslider/jquery.sm.slider.min.js"></script>

2. Подготовить html:

<div id="sm_slider">

    <ul>

        <li>...</li>

        <li>...</li>

        <li>...</li>

    </ul>

</div>

3. Запустить слайдер:

$(document).ready(function(){

    $('#sm_slider').smSlider()

})

Вот мануал по установке, первое и второе понятно, куда пихать 3 пункт, как собственно запустить слайдер?

LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#1 


<head>

	<link type="text/css"  rel="stylesheet" href="smslider/sm.slider.css" />

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

	<script type="text/javascript" src="smslider/jquery.sm.slider.min.js"></script>

	<script type="text/javascript">

		$(document).ready(function() {

		    $('#sm_slider').smSlider();

		});

	</script>

</head>

<body>

	<div id="sm_slider">

	    <ul>

	        <li>...</li>

	        <li>...</li>

	        <li>...</li>

	    </ul>

	</div>

</body>
G-and-Y
На сайте с 29.06.2013
Offline
156
G-and-Y
#2

Юзаю такой


<div class="spoiler-title"><b>Название</b></div>

<div class="spoiler-body">
Текст в слайдере
</div>

<script>
$(document).ready(function(){
$('.spoiler-body').hide();
$('.spoiler-title').click(function(){
 $(this).next().slideToggle();
});
});
</script>
<style type="text/css">.spoiler-title {
width: 488px;
border: 1px solid #cccccc;
padding: 8px;
margin-top: 5px;
cursor: pointer;
text-align: center;
}
</style>

Такой еще вопрос, как сделать подгрузку фото при открытии спойлера из 10 фото (500 фото на странице).

Нашел решение тут но не пойму как

http://joomlaforum.ru/index.php?topic=172754.0

Абузо-устойчивые впс в Нидерландах от 5$/мес (https://cp.inferno.name/aff.php?aff=2991)
Sly32
На сайте с 29.03.2012
Offline
302
Sly32
#3

указано - <link type="text/css" rel="stylesheet" href="smslider/sm.slider.css" />

А на деле файл называется smslider.css

psics
На сайте с 02.04.2009
Offline
130
psics
#4
SniFFeRok:
Доброго вечера, не могу понять одну вещь при установке слайдера.
Итак, smslider.

Установка
1. Приаттачить на страницу jQuery и файлы из архива:
<link type="text/css"  rel="stylesheet" href="smslider/sm.slider.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="smslider/jquery.sm.slider.min.js"></script>
2. Подготовить html:
<div id="sm_slider">
    <ul>
        <li>...</li>
        <li>...</li>
        <li>...</li>
    </ul>
</div>
3. Запустить слайдер:
$(document).ready(function(){
    $('#sm_slider').smSlider()
})


Вот мануал по установке, первое и второе понятно, куда пихать 3 пункт, как собственно запустить слайдер?

попробуй вставить перед закрывающимся тегом предварительно обернув в тег <script></script></head>

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#5

G-and-Y, По той ссылке же написано, используйте AJAX.

Или дали бы ссылку на решение, которые вы не можете воплотить, а то еще 6 страниц лопатить там несколько решений.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
G-and-Y
На сайте с 29.06.2013
Offline
156
G-and-Y
#6

Понимаю что на аджах, может у вас есть готовое решение, а то я там ничего не пойму.

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#7

G-and-Y, на каком движке сайт-то?

клац тут плагин для Джумлы. Только платный, ищите аналоги, вам нужен AJAX скролл.

Есть такое и можно найти даже бесплатно, плагин который выше, только карму портит : клик

G-and-Y
На сайте с 29.06.2013
Offline
156
G-and-Y
#8

Сайт на юкозе это просто решение на джомла форуме нашел.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий