Отображение кратких заголовков

[veb74 10]

Здравствуйте.

Блок слева (справа) и бегущая строка текста - это уже устаревше.

Да и вообще говорят, что Marquee умер

Хотелось бы забацать что-нибудь наподобие Заголовки новостей как на сайте аппла

Подскажите плиз примочек.

[alex32 942]

мне кажется все просто. делаете слайдер с эффектом "fade" а в шаблоне прописываете только title. Реализуется элементарно. Бегущая стррока- отстой, согласен.

[veb74 10]

Я сделал показ текста по этому уроку

Вы наверно имели ввиду слайдер на картинки?

[alex32 942]

Я сделал показ текста по этому уроку

Можете и так. Но вы же, наверное, хотите менять новости через админку?

Тогда проще взять слайдер с картинками и вместо картинок прописать вывод новостей "кастомом", в котором указать только {title}

Изменено 23 июля 2011 пользователем alex32

[veb74 10]

Сегодня поспешно убрал всё, что сделал.

Все эти скрипты внедренные в страницу нарушили работу других.

В окнах ответов на форуме перестали появляться всплывающие окна при нажатии на добавить ссылку/картинку/музыку

И основное меню заклинило.

Можете и так. Но вы же, наверное, хотите менять новости через админку?

Нет. мне такое не нужно. Одну-две строчки написать раз в месяц в код не сложно.

Другое дело, как не повредить себе сторонним кодом? (взял по уроку)

[alex32 942]

Для начала нужно скачать и подключить к документу необходимые скрипты.

<script type="text/javascript" src="js/jquery.js"></script>

Вот и ответ, библиотека jquery уже подключена в движке, отсюда и конфикты джава-скриптов. Используйте стандартный слайдер, в шаблон вместо картинок пишите свой текст Изменено 24 июля 2011 пользователем alex32

[veb74 10]

Взял Gemini

с него libs.js и slides.js закинул в свою папку шаблона в /js

добавил в man.tpl строку:

<script type="text/javascript" src="{THEME}/js/libs.js"></script>

и подключил {include file="slider.tpl"}

вот его содержимое

<script type="text/javascript" src="{THEME}/js/slides.js"></script>

<script type="text/javascript">

$(function(){

$('#slides').slides({

effect: 'fade',

play: 5000,

pause: 2500,

generatePagination: false,

preload: true,

hoverPause: true

});

});

</script>

<div id="slides">

<div class="slides_container">

<p>ргршгршгрш юбюбюю</p>

<p>пспрсрср</p>

<p>роаагпонр</p>

</div></div>

Всё работает!

Но страницу разбарабанило в стороны

Просматирвал slides.js но я никак не смог найти там что-либо для редактирования ширины. 978 пикселей это слишком много

[alex32 942]

Надо не slides.js. Надо в файле css искать и править #slides и .slides_container, а в файле slider.tpl лишние стили убрать, ни к чему они там.

[veb74 10]

В файлах css у меня такого нет.

Движок 9.0 и под него шаблон не переделанный.

Добавлять надо.

[alex32 942]

Файл slider.tpl

<script type="text/javascript" src="{THEME}/js/slides.js"></script>

<script type="text/javascript">

	$(function(){

		$('#slides').slides({

			effect: 'fade',

			play: 5000,

			pause: 2500,

			generatePagination: false,

			preload: false,

			hoverPause: true

		});

	});

</script>

<div id="slides">

	<div class="slides_container">

		<div><a href="#">Здесь текст или {custom........}</a></div>

		<div><a href="#">Здесь текст или {custom........}</a></div>

		<div><a href="#">Здесь текст или {custom........}</a></div>

		<div><a href="#">Здесь текст или {custom........}</a></div>

	</div>


</div>

Стили

/*---Slider---*/

#slides, .slides_container { height:78px; position: relative; }

.slides_container { border-bottom: 1px solid #b31032; width: СВОЙ РАЗМЕР; overflow:hidden; }

#slides { border-bottom: 8px solid #db143d; margin-bottom: 7px; }

	

Это из Gemini, дальше правьте как вам надо.

Изменено 26 июля 2011 пользователем alex32