Здравейте!
Може ли някой да помогне за това как мога да сменя класа на видимото в момента изображение от галерия (слайдър)?
По-долу съм посочил пример за:
1. Кода, чрез който се генерират изображенията,
2. Принципа, който искам да вложа, а именно: при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage"
3. Оригинална част от кода, в която искам да заложа при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage"
Благодаря предварително!
Код, чрез който се генерират изображенията:
Принципа, който искам да вложа, а именно: при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage" :
Оригинална част от кода, в която искам да заложа при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage":
С други думи - нещо такова, но това дава грешка в PHP-то:
Може ли някой да помогне за това как мога да сменя класа на видимото в момента изображение от галерия (слайдър)?
По-долу съм посочил пример за:
1. Кода, чрез който се генерират изображенията,
2. Принципа, който искам да вложа, а именно: при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage"
3. Оригинална част от кода, в която искам да заложа при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage"
Благодаря предварително!
Код, чрез който се генерират изображенията:
Код:
<?php
if(!count($this->gallery))
{
echo '<div class="gallery_no_image"></div>';
}
else
{
echo '<ul class="slider" id="slider_'.$this->object_id.'_'.$this->activity_id.'">';
$i = 0;
$pager_box = '';
foreach($this->gallery as $image)
{
$image_url = $image['url'];
$image_thumbnail_url = $image['url'];
if(isset($image['item_extra2'])) $image_alt = $image['item_extra2'];
else $image_alt = $gow_objects['current']['raw']['meta_keywords'];
if($this->resize and $this->image_width and $this->image_height and $image['category'] != 'external')
{
/** set resize method parameters **/
$params = array();
$params['image_name'] = $image['raw']['item_name'];
$params['image_parentid'] = $image['raw']['parent_id'];
$params['image_parentkind'] = $image['raw']['parent_kind'];
$params['image_source'] = $image['path'];
/** resize image if does not exist and add watermark **/
$image_url = gow_images::create_gallary_image($this->image_width, $this->image_height, $params, $this->watermark, $this->rewrite);
$image_thumbnail_url = gow_images::create_gallary_image(100, 80, $params, 0, $this->rewrite);
}
/** start loading images **/
echo '<li><a class="lbp_primary cboxElement" href="'.$image_url.'"><img src="'.$image_url.'" itemprop="image" class="gow_gallery_image '.$this->image_class.'" id="gow_gallery_image'.$image['raw']['id'].'" width="'.$this->image_width.'" height="'.$this->image_height.'" alt="'.$image_alt.'" style="max-height:'.$this->image_height.'px" /></a></li>';
$pager_box .= '<a data-slide-index="'.$i.'" href=""><img src="'.$image_thumbnail_url.'" width="100" height="80" style="width: 100px; height: 80px;" itemprop="image" alt="'.$image_alt.'" /></a>';
$i++;
}
echo '</ul>';
?>
Принципа, който искам да вложа, а именно: при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage" :
Код:
<img class="" onload="this.className = this.className ? '' : 'zoomimage';" src="image.jpg">
Оригинална част от кода, в която искам да заложа при зареждането на изображението да се сменя класа му от class="gow_gallery_image" на class="zoomimage":
Код:
<img src="'.$image_url.'" class="gow_gallery_image '.$this->image_class.'" id="gow_gallery_image'.$image['raw']['id'].'" width="'.$this->image_width.'" height="'.$this->image_height.'" itemprop="image" alt="'.$image_alt.'" style="max-height:'.$this->image_height.'px" />
С други думи - нещо такова, но това дава грешка в PHP-то:
Код:
<img src="'.$image_url.'" class="gow_gallery_image '.$this->image_class.'" onload="this.className = this.className ? 'gow_gallery_image' : 'zoomimage';" id="gow_gallery_image'.$image['raw']['id'].'" width="'.$this->image_width.'" height="'.$this->image_height.'" itemprop="image" alt="'.$image_alt.'" style="max-height:'.$this->image_height.'px" />