VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

How to enlarge image when click it in Portfolio?
(1 viewing) (1) Guest
  • Page:
  • 1

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?

  • 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?

  • 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.
The following user(s) said Thank You: thanmem

  • Posts:2725
  • 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;}

  • Posts:21
  • thanmem
  • Junior Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 1.07 seconds
Thursday 21 March 2019

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.