Thank you. The Data-Group is now added to the Class of the <a> Tag, but
unfortunatly the Javascript is not working anymore thor those Images.
So I changed
$html .= '<a href="'.$this->info->original->url.'" class="'.$class.' zoomin magnific-popup-'.$this->plugin->item->id.'" style="'.$this->linkStyle.'" title="'.$this->image->getAttribute('alt').'">';to
if ($this->image->getAttribute('data-group') == '') {
$groupId = $this->plugin->item->id;
}
else {
$groupId = $this->image->getAttribute('data-group');
}
$html .= '<a href="'.$this->info->original->url.'" class="'.$class.' zoomin magnific-popup-'.$groupId.'" style="'.$this->linkStyle.'" title="'.$this->image->getAttribute('alt').'">';
Looking at your Code at DecoratorMagnific.php, I might have to change something there as well for the Magnific Code to work:
/**
* Action for each item
*/
public function item()
{
if(!$this->headerAdded) { return; }
if (!isset($this->plugin->item->id)) {
$this->plugin->item->id = uniqid();
}
$document = \JFactory::getDocument();
$class = 'magnific-popup-'.$this->plugin->item->id;
$document->addScriptDeclaration("
jQuery(document).ready(
function(){
jQuery('.{$class}').magnificPopup({
type:'image',
gallery: {
enabled:true,
preload: [1,2]
}
});
}
)
");
}
But changing $class = 'magnific-popup-'.$this->plugin->item->id;
to
if ($this->image->getAttribute('data-group') == '') {
$class = 'magnific-popup-'.$this->image->getAttribute('data-group');
}
else {
$class = 'magnific-popup-'.$this->plugin->item->id;
}
Results in a Server Error Notice: Undefined property: Plugin\Content\MavikThumbnails\DecoratorMagnific::$image in D:\xampp\htdocs\schoenruh\plugins\content\mavikthumbnails\decorators\popups\magnific\DecoratorMagnific.php on line 57
Group Images for Lightbox
