Как обернуть тег img в div?

Question

[neoneel]

есть сайт на joomla, на главной отображаются материалы в краткой форме....у некоторых есть изображения в пред просмотре у некоторых нет, задача: найти эти изображения и обернуть в див с заданным классом...если кто подскажет как это сделать буду очень благодарен...

Comments

[EvgeniyKonstantinov]

Илья Савельев: Да просто ответьте Ответом, а не комментарием, в ответе можно нормально вставить код.

[Илья Савельев]

EvgeniyKonstantinov: спасибо, готово)

Answer 1

[Илья Савельев]

Рекомендую тебе использовать jQuery, находишь все нужные тебе img, а потом с помощью функции wrap() оборачиваешь в div.

$(".container img").wrap("<div></div>");  // находишь все img в элементе с классом container, после чего оборачиваешь их div'ом

Comments

[neoneel]

если у изображений нет класса, то...

[Илья Савельев]

neoneel: ну картинки у тебя лежат в каком-нибудь в div'e ?

[Валерий Серов]

neoneel: а если клавитура сломалась? А моник погарел ? Ручками проставить классы у нужных изображений

[neoneel]

Валерий Серов:
вот весь код который формирует страницу
<?php
/**
* @package Joomla.Site
* @subpackage com_content
* @copyright Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// no direct access
defined('_JEXEC') or die;

JHtml::addIncludePath(JPATH_COMPONENT . '/helpers');

// If the page class is defined, add to class as suffix.
// It will be a separate class if the user starts it with a space
?>

<?php if ( $this->params->get('show_page_heading')!=0) : ?>

<?php echo $this->escape($this->params->get('page_heading')); ?>

<?php endif; ?>
<?php $leadingcount=0 ; ?>
<?php if (!empty($this->lead_items)) : ?>

<?php foreach ($this->lead_items as &$item) : ?>



<?php

$this->item = &$item;
echo $this->loadTemplate('item');
?>

<?php
$leadingcount++;
?>
<?php endforeach; ?>

<?php endif; ?>
<?php
$introcount=(count($this->intro_items));
$counter=0;
?>
<?php if (!empty($this->intro_items)) : ?>
<?php foreach ($this->intro_items as $key => &$item) : ?>

<?php
$key= ($key-$leadingcount)+1;
$rowcount=( ((int)$key-1) % (int) $this->columns) +1;
$row = $counter / $this->columns ;

if ($rowcount==1) : ?>


<?php endif; ?>
">
<?php
$this->item = &$item;
echo $this->loadTemplate('item');
?>

<?php $counter++; ?>
<?php if (($rowcount == $this->columns) or ($counter ==$introcount)): ?>



<?php endif; ?>
<?php endforeach; ?>
<?php endif; ?>

<?php if (!empty($this->link_items)) : ?>

<?php echo $this->loadTemplate('links'); ?>

<?php endif; ?>

<?php if ($this->params->def('show_pagination', 2) == 1 || ($this->params->get('show_pagination') == 2 && $this->pagination->get('pages.total') > 1)) : ?>


<?php if ($this->params->def('show_pagination_results', 1)) : ?>

<?php echo $this->pagination->getPagesCounter(); ?>

<?php endif; ?>
<?php echo $this->pagination->getPagesLinks(); ?>

<?php endif; ?>

он стандартный я ничего не переделывал...тут нет никаких img или классов...
вот что формируется при этом



Russian Drift AwaRDS 2014

    15 ноября в Москве состоялась торжественная церемония  награждения и закрытия сезона  Российской Дрифт Серии, где также  были подведены итоги пятилетнего существования  серии, и представлен календарь соревнований на  следующий год.

[Илья Савельев]

neoneel: вот именно из-за этого подхода к генерированию страниц я терпеть не могу joomla...а теперь по теме - если ты задаешь такие вопросы (код генерирования страницы), то тебе надо изучать структуру шаблонов и компонентов joomla, потому что, насколько я помню, такой код:

$this->loadTemplate('item');

загружает шаблон, в котором находится как раз тот html-код который тебе нужен.

Answer 2

[RodgerFox]

$(".container img.className").wrap("<div></div>");
, где className - класс для фоток и для них будет обертка=\ но лучше такое в шаблоне делать, а не лепить js'ом

Comments

[Илья Савельев]

тут все немного сложнее) автору надо поизучать основы шаблонов joomla... а так я с тобой согласен - лучше прописывать сразу в шаблоне.

[neoneel]

Илья Савельев: да, спасибо большое, направили меня...посмотрел, поизучал...с изображениями разобрался...теперь встала необходимость также обернуть iframe видео с ютуба, и все бы ничего, но только почему то оборачивается только один из iframe
wrap прописывал в шаблоне blog_item.php

[Илья Савельев]

Там нужно использовать функцию each() для того чтобы обернуть множество. Рой в эту сторону: jquery.page2page.ru/index.php5/%D0%92%D1%8B%D0%B7%...

P.S. Если ответ правильный - отмечай его решением чтобы он не висел неотвеченным.