jquery - изменить фоновое изображение кузова и подпись на клике

Кто-нибудь знает о каких-либо плагинах jQuery, которые позволили бы мне изменить фоновое изображение веб-сайта и «подпись» при щелчке стрелки?jquery - изменить фоновое изображение кузова и подпись на клике

Мне нужно что-то похожее на Supersized, просто без суперфункции.

источник

2012-02-13 V Neal

[Требуется больше jQuery (плагины)] (http://www.doxdesk.com/img/updates/20091116-so-large.gif). Но на самом деле, как показывает текущий ответ, jQuery может справиться с этим примерно в 3 строках кода. Плагин - это нечто вроде избытка :) – Ktash

Единственная причина, по которой я ищу плагин, - это то, что мои знания jQuery ограничены, поскольку я очень новичок в этом. Мне нужно, чтобы фоновые изображения/титры менялись при щелчке стрелок next/prev, и просто подумал, что урезанная версия суперподобного плагина мне поможет. Хотя полностью ценю вашу помощь - я отдам это. –

Вы пытаетесь получить что-то динамичное? То есть, у вас будет несколько изображений и несколько подписей, и вы хотите, чтобы пользователь вернулся/вперед и т. Д.? Это не будет только один образ и один заголовок, правильно? Ответ не обязательно относится к более сложному использованию. Но это поможет вам, если вам нужно только одно действие. –

Не знаете плагин, но вы могли бы просто использовать обычный JQuery ...

$('#anchor-id').click(function(){ 

    $('#background-image-id').attr('src','http://fulllink.com/to/image.png'); 
    $('#caption-id').html('New Caption'); 

});

источник

2012-02-13 17:40:04

'.attr ('html',' это странный способ сделать что-то. Почему бы вам просто не использовать '.text ('Content')'. Это намного проще и понятнее. – Ktash

Вы добрый Это не было «странным способом», но это было просто неправильно. Он должен был прочитать '.html ('New Caption')' ... который я больше не нахожу «нечетным», чем '. text ('New Caption') '... просто другое. –

Я не думал, что это возможно, но я подумал, что никогда не пробовал, поэтому я не хотел переходить к такому выводу. haha – Ktash

вот вопрос. Почему вы не можете использовать суперсервисный плагин?

Что именно вы пытаетесь достичь? Просто изображение/подпись и стрелка для отображения? Что вы не хотите?

Не похоже, что у Supersized есть возможность отключить некоторые из них, но с помощью некоторого простого CSS вы можете отключить много лишних элементов в суперзадачи.

для Instance:

#progress-back, #play-button, #slidecounter, #tray-arrow, #slide-list {display: none}

Так что отключит все элементы, кроме заголовка. Вы можете стиль фона «контрольной панели #controls-wrapper {backbground: url(path/to/image.png) repeat-x;} и т.д. И вы можете расположить„prev/next“стрелки, как вам нравится с:. #prevslide и #nextslide

Надежда, что помогает Если это не то, что вам нужно, дайте мне знать, .

EDIT

Я только видел, как ты комментарий говорю, что вы хотели слайдер, но не на весь экран Попробуйте этот плагин, это здорово, и я использую его все время -. BX Slider http://bxslider.com/

Пусть т Знаете, если это то, что вы хотите.

источник

2012-02-13 18:07:13

Спасибо, я посмотрю. Проблема, с которой я столкнулся, заключается в том, что при добавлении ее на мой сайт Wordpress навигационная система сайта перестанет работать, несмотря на то, что навигация имеет более высокий индекс z, чем суперсайты. Если бы не этот вопрос, который я не могу понять, я бы использовал его: S –

опубликовать ссылку, и мы можем взглянуть на нее и помочь вам. –

jquery - изменить фоновое изображение кузова и подпись на клике

ответ

Смежные вопросы