Joomla Templates Club 406,261 posts

[yohanes Friend yohanesJoin date: January 2007Posts: 66Downloads:0Uploads:3 Thanks: 15]

#159491

Hello Administrator,

I need to know what images plugin do you use as it shows in Ja Community Plus Demo.
I took a look Typography menu. It’s cute.

Thank you,
Regards,

Yohanes

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#374401

To avoid confusion, Can you please provide in screenshot marked with annotations of section you wish to refer to

[yohanes Friend yohanesJoin date: January 2007Posts: 66Downloads:0Uploads:3 Thanks: 15]

#374460

Hi Aman,
Thanks for the reply.
I mean images plugin in these sections below:

Section: Standards Issue
Article: Focus on student learning

Section: Mission & Staff
Article: Curabitur enim adipiscing

Section: Typography
Article: Images styling options

Regards,
Yohanes

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#374483

<blockquote>Section: Typography
Article: Images styling options</blockquote>

Quoting to images as seen in this tab, Here are some quick examples::

1) For border, You can change image reference from::

<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>

to

<div class=”ja-typo-img-wrap”><img alt=”” src=”images/stories/typo/images/sam-1.jpg”></div>

2) For image with caption, You can change this::

<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>

to

<div class=”ja-typo-img-wrap”>
<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>
<span style=”width: 175px;”>Photo captions are a few lines of text used to explain or elaborate on published photographs.</span>
</div>

and then, update caption text as seen in span tags

3) For image with zoom badge, Change this::

<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>

to

<div class=”ja-typo-img-wrap image-zoom img-wrap-3″>
<a class=”icon-zoom” href=”#”> </a>
<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>
</div>

For above image references, You can update them in accordance with your image path

[yohanes Friend yohanesJoin date: January 2007Posts: 66Downloads:0Uploads:3 Thanks: 15]

#374955

Hi Aman,

Many thanks for your reply.
It helps me to understand more to enrich images reference.

[Nick R JA JobBoard Nick RJoin date: August 2009Posts: 284Downloads:0Uploads:9 Thanks: 12 Thanked: 20 times in 1 posts]

#375110

<em>@aman204 218530 wrote:</em><blockquote>

3) For image with zoom badge, Change this::

<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>

to

<div class=”ja-typo-img-wrap image-zoom img-wrap-3″>
<a class=”icon-zoom” href=”#”> </a>
<img alt=”” src=”images/stories/typo/images/sam-1.jpg”>
</div>

For above image references, You can update them in accordance with your image path</blockquote>
Hi Aman,

Im using the image zoom code in my article. Now i would like to have the image to appear in a lightbox or something else. Right now it just opens the image in parent window.
Maybe there is a plugin which i could use? Just to place an image into the article as a thumb and with a click on it, you are able to see the full size. Maybe im just a bit too confused today to see the solution 😉

Cheers
Nick

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#376234

<blockquote>Now i would like to have the image to appear in a lightbox or something else. Right now it just opens the image in parent window.
Maybe there is a plugin which i could use?</blockquote>

Hi Nick,

You can try use in some extension from here::

http://extensions.joomla.org/extensions/style-a-design/popups-a-iframes

1 user says Thank You to aman204 for this useful post

1. Nick R

[Nick R JA JobBoard Nick RJoin date: August 2009Posts: 284Downloads:0Uploads:9 Thanks: 12 Thanked: 20 times in 1 posts]

#376236

Hi Aman,

thanks for your reply. I show them now in a module extension. Seems i have to wait for SIG Pro to be J1.6 ready.

Cheers
Nick

[missyw Friend missywJoin date: May 2008Posts: 171Downloads:0Uploads:19 Thanks: 98 Thanked: 2 times in 1 posts]

#429227

<em>@aman204 220866 wrote:</em><blockquote>Hi Nick,

You can try use in some extension from here::

http://extensions.joomla.org/extensions/style-a-design/popups-a-iframes</blockquote>
Hi aman204

I am a bit confused. I also want to be able to display an image as a thumbnail, then when users click on it, the full-size image pops up in a window on the current page. I am not really satisfied with image with zoom code in the typography page examples because:

1. the user has to click exactly on the badge on the top corner, and not anywhere on the thumbnail
2. the full-size image in the link displays on a fresh browser page rather than in a pop-up window, which looks a bit primitive

You are pointing us to Joomla’s popups and iframe extensions. Does this mean Joomlart doesn’t have anything in its Extensions Club to manage image popups within content pages? Maybe JA-Highslide? (I have a developer license so I have access to the Extensions Club).

I followed your link, and downloaded and installed the Simple Pop-Up extension. But Simple Pop-Up pops up the image to full size immediately when the user first displays the page, which is not what I want. I only want it to pop-up when the user clicks on the thumb-nail.

I am using the template on Joomla 1.7. Can you give me any further guidance on what I should look for, or any other suggestions?

[Author]

Posts