Динамическое получение имени файла

Question

Я довольно новичок в jquery и кодировании в целом. Я пытаюсь реализовать слайд-шоу jquery от http://www.designchemical.com/blog/index.php/jquery/jquery-image-swap-gallery/. Я сделал это с помощью клика, а не зависания. Я хочу, чтобы фон div (с фоном repeat x и y) менялся так же, как эскиз управляет основным изображением.

Он отлично работает с данным изображением: $ ('# bgs'). Css ('background-image', 'url (gallery/bgs/img_3.jpg)'); , но я хочу, чтобы он работал, динамически получая правильное имя файла так же, как и основное изображение. Я просто не знаю, что изменить.

Код выглядит следующим образом: http://pastebin.com/hvVYQyru

Я надеюсь, что я сделал себе четкую :). Я очень надеюсь, что вы, ребята, сможете меня на правильном пути.

С уважением Мартин Schack

Answer 1

Попробуйте это :

$('#bgs').css('background-image','url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')'); 

UPDATE

Для достижения того же результата с помощью анимации, это потребует немного больше работы. Как это не часть вашего первоначального вопроса, я оставляю вам хорошую ссылку, чтобы проверить:

http://snook.ca/archives/javascript/jquery-bg-image-animations/

Answer 2

Предполагая, что ваша структура изображения bgs такой же, как основные изображения и эскизы, изменить эту строку:

$('#bgs').css('background-image','url(gallery/bgs/img_3.jpg)'); 

To:

$('#bgs').css('background-image', 'url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');