JQuery манипулирование именами файлов - PullRequest
Новая
       23

JQuery манипулирование именами файлов

0 голосов
/ 09 апреля 2010

Я пытаюсь создать эффект размытия / затухания (что означает, что мне нужно 2 изображения), но я хочу загрузить только 1 в HTML (если js не активен) и добавить другое имя файла через jQuery (копирование и переименование файла / src)

Чистый HTML имеет вид: 

<div id="work">
 <div>
  <img src="css/images/abc1.jpg" width="360" height="227" alt="" />
 </div>
 <div>
  <img src="css/images/xyz1.jpg" width="360" height="227" alt="" />
 </div>
</div>

Но HTML после jquery манипулирует DOM должен выглядеть так: 

<div id="work">
 <div>
  <img src="css/images/abc0.jpg" width="360" height="227" alt="" />
  <img src="css/images/abc1.jpg" width="360" height="227" alt="" />
 </div>
 <div>
  <img src="css/images/xyz0.jpg" width="360" height="227" alt="" />
  <img src="css/images/xyz1.jpg" width="360" height="227" alt="" />
 </div>
</div>

Вопрос в том, что такое jQuery для клонирования / копирования относительных изображений, а затем переименования src?

Любая помощь будет очень ценной.

A.

1 Ответ

0 голосов
/ 09 апреля 2010

Единственная проблема, которую я вижу в том, чтобы сделать это так, как вам хотелось бы, - это то, что вы можете столкнуться с проблемами блокировки при попытке загрузки файлов JS, поскольку это клонирует код. Ваш JS будет ожидать загрузки каждого файла при выполнении итерации по коллекции.

Более простой способ - просто спрятать второй файл в каждом разделе размытия с помощью CSS. таким образом, активы могут распараллеливаться и работать без JS.

...