Пример 2: Изменение и отображение данных

В этом примере показано, как изменить данные, имеющиеся на странице исходного сайта и отобразить их на странице мобильного сайта.

Код на странице исходного сайта:

<html>
  <body>
    <div>
      <img src="image1.jpg" />
      <img src="image2.jpg" />
      <img src="image3.jpg" />
    </div>
    <div>
      <img src="image4.jpg" />
      <img src="image5.jpg" />
      <img src="image6.jpg" />
    </div>
  </body>
</html>

Код заготовки insert_images:

<!--{foreach arguments[0] as item }-->
   <img src="<!--{= 'mobile-' + X.value('@src', item) }-->">
<!--{/foreach}-->

Код в шаблоне:

<!--{ call insert_images(X.get('//img[@class="class1"]')) }-->
...
<!--{ call insert_images(X.get('//img[@class="class2"]')) }-->

Код, который будет использоваться на странице мобильного сайта:

<img src="mobile-image1.jpg">
<img src="mobile-image2.jpg">
<img src="mobile-image3.jpg">
...
<img src="mobile-image4.jpg">
<img src="mobile-image5.jpg">
<img src="mobile-image6.jpg">

Как вы можете заметить, к атрибуту изображения src будет добавлена строка «mobile-».

См. также

Добавление заготовки

Работа с динамическим содержимым