K2 modal Box override ?

Hi,

we will override the Modalbox effect for the K2. i cant find a solution for the mo template.

The effect is only to kill with a override.

I little help was fine

Best
Michael

Hi

Can You please tell em a little more details ? Modal box is triggered with "modal" class, so You probably just need to edit K2 layouts and remove this class.

Hi

Can You please tell em a little more details ? Modal box is triggered with "modal" class, so You probably just need to edit K2 layouts and remove this class.

Yes shure. It was a zoom effect if we go over a Image. IYou can see it in the Article and in the GK5News Modul.

We dont need the Zoom effect.

Best

Michael

Hi

Zoom effect ? I believe You mean a popup with bigger image. Please edit file /html/com_k2/default/item.php and find code:

Code: Select all

          <div class="itemImageBlock"> <a class="itemImage modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">
                    <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
                    </a>
                    <?php if($params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
                    <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
                    <span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
                    <?php endif; ?>
          </div>


please replace it with:

Code: Select all

          <div class="itemImageBlock">
                    <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
                    <?php if($params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
                    <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
                    <span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
                    <?php endif; ?>
          </div>


Hi

Zoom effect ? I believe You mean a popup with bigger image. Please edit file /html/com_k2/default/item.php and find code:

Code: Select all

          <div class="itemImageBlock"> <a class="itemImage modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">
                    <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
                    </a>
                    <?php if($params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
                    <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
                    <span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
                    <?php endif; ?>
          </div>


please replace it with:

Code: Select all

          <div class="itemImageBlock">
                    <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
                    <?php if($params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
                    <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
                    <span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
                    <?php endif; ?>
          </div>


Sorry but dont works.

No what i mean is the effect if we go over the pic with the mouse in GK5N or in the Article "TOP Pic " the pic zoom´s out a little bit bigger

If we use the template overwrite this:

.nspArts .nspImageWrapper:hover img {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

the effekt is disable in the GK-News Modul but not in the Article.

You can see it here http://www.pentax-akademie.de

Best
Michael

Hi

Och, now I understand. Please go to http://pentax-akademie.de/templates/gk_ ... joomla.css and lin line 360 remove the class:

Code: Select all

.itemImageBlock img:hover {
    transform: scale(1.06);
}


Hi

Och, now I understand. Please go to http://pentax-akademie.de/templates/gk_ ... joomla.css and lin line 360 remove the class:

Code: Select all

.itemImageBlock img:hover {
    transform: scale(1.06);
}


Great it works. Many Thanks

Michael

Hi

No problem. Glad I could help.