How to enlarge image when click it in Portfolio? - JF Creativia - Joomla Templates

Welcome, Guest

TOPIC: How to enlarge image when click it in Portfolio?

How to enlarge image when click it in Portfolio? 24 Apr 2015 04:36 #6604

I have a questions.
In the Portfolio, when I click to image, it link to an article. So, I wanna enlarge/view this image, not to read the article.
Can you help me?

Reply Quote

Posts:21
thanmem
Junior Boarder
OFFLINE
Karma: 0

Re: How to enlarge image when click it in Portfolio? 27 Apr 2015 02:59 #6615

Nobody help me?

Reply Quote

Posts:21
thanmem
Junior Boarder
OFFLINE
Karma: 0

Re: How to enlarge image when click it in Portfolio? 27 Apr 2015 03:13 #6616

You can edit templates/jf_creativia/html/com_k2/jf_creativia/category_item.php file, find line:

<?php if($this->item->params->get('catItemImage')): ?>

then modify:

 
<a href="<?php echo $this->item->link; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">

to:

 
<a class="modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">

Edit template.css or k2.css:

.isotope-item:hover .element-main {display: block !important;}

to:

.isotope-item:hover .element-main {display: none !important;}

div#k2Container.itemListView .element:hover .element-main {display: block !important;}

to:

div#k2Container.itemListView .element:hover .element-main {display: none !important;}

joomfreak

Last Edit: 27 Apr 2015 03:13 by isupport.

Reply Quote

The following user(s) said Thank You: thanmem

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: How to enlarge image when click it in Portfolio? 30 Apr 2015 03:50 #6622

Great support!. It works perfectly. Thanks u so much ^^
So, I do not find this code in css:

div#k2Container.itemListView .element:hover .element-main {display: block !important;}

Reply Quote

Posts:21
thanmem
Junior Boarder
OFFLINE
Karma: 0

Reply Topic

New Topic

Page:
1

joomfreak.com Support Forum

Account Details

Your Forum Posts

TOPIC: How to enlarge image when click it in Portfolio?

How to enlarge image when click it in Portfolio? 24 Apr 2015 04:36 #6604

Re: How to enlarge image when click it in Portfolio? 27 Apr 2015 02:59 #6615

Re: How to enlarge image when click it in Portfolio? 27 Apr 2015 03:13 #6616

Re: How to enlarge image when click it in Portfolio? 30 Apr 2015 03:50 #6622

Support

Company

Who´s online