VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
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:2028
  • 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: 0.75 seconds

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.