Wordpress: посоветуйте, пожалуйста, ротатор баннеров

VR
На сайте с 19.04.2010
Offline
24
2293

Уважаемые коллеги!

Возникла необходимость прикрутить на сайте Wordpress баннерокрутилку для ротации двух баннеров - самую простейшую.

Весь день искал - но смог найти лишь слайдеры для прокрутки картинок.

Поделитесь опытом, если кто сталкивался - посоветуйте, как решить эту проблему, пожалуйста!

Желательно на jquery, но не принципиально.

Спасибо!

SeVlad
На сайте с 03.11.2008
Offline
1609
#1
vodolaz-radio:
Весь день искал - но смог найти лишь слайдеры для прокрутки картинок.

Значит, не там и не так искал.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
[Удален]
#2

вот например

содержимое myrotator.php

<?php
$banners = array ();
// Список ваших баннеров
$banners[] = 'баннер1';
$banners[] = 'баннер2';
$banners[] = 'баннер3';
$banners[] = 'баннер4';
echo $banners[array_rand ($banners)];
?>

в нужном месте инклюдить этот файл

<?php include(myrotator.php); ?>
VR
На сайте с 19.04.2010
Offline
24
#3

Спасибо, помогло - правда, вставить код пришлось прямо в шаблон, иначе баннер не показывался...

Но задача не решена - мне нужно, чтобы ротация происходила в режиме слайд-шоу, т.е. без jquery слайдера не обойтись...

Посоветовали вот этот: http://basic-slider.com/

Но вот как его интегрировать в Wordpress - инструкции нет...

6666
На сайте с 10.01.2005
Offline
505
#4
vodolaz-radio:
инструкции нет...

..................есть)

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .
VR
На сайте с 19.04.2010
Offline
24
#5

Есть, но вот как ее применить к Wordpress?

Куда вставлять этот код? в header.php?

<!-- Include the jQuery library (local or CDN) -->

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

<!-- Include the plugin *after* the jQuery library -->

<script src="bjqs.min.js"></script>

<!-- Include the basic styles -->

<link type="text/css" rel="Stylesheet" href="bjqs.css" />

Ну это, вероятно, в index.php:

<div id="my-slideshow">

<ul class="bjqs">

<li><!-- Any content you like --></li>

<li><!-- Can go inside these slides--></li>

</ul>

</div>

Только непонятно, что значит "Can go inside these slides"...

Это куда?

jQuery(document).ready(function($) {

$('#banner-fade').bjqs({

'height' : 320,

'width' : 620,

'responsive' : true

});

});

А это?

// width and height need to be provided to enforce consistency

// if responsive is set to true, these values act as maximum dimensions

width : 700,

height : 300,

// animation values

animtype : 'fade', // accepts 'fade' or 'slide'

animduration : 450, // how fast the animation are

animspeed : 4000, // the delay between each slide

automatic : true, // automatic

// control and marker configuration

showcontrols : true, // show next and prev controls

centercontrols : true, // center controls verically

nexttext : 'Next', // Text for 'next' button (can use HTML)

prevtext : 'Prev', // Text for 'previous' button (can use HTML)

showmarkers : true, // Show individual slide markers

centermarkers : true, // Center markers horizontally

// interaction values

keyboardnav : true, // enable keyboard navigation

hoverpause : true, // pause the slider on hover

// presentational options

usecaptions : true, // show captions for images using the image title tag

randomstart : true, // start slider at random slide

responsive : true // enable responsive capabilities (beta)

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