Joomla Templates Club 406,261 posts

[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#160583

Hi everybody,

Basically what I want it is to see the caption of the thumbnail as the title of the popup.

I’m using the Teline IV template in Joomla 1.5 and this function is not working.

Thank you very much just for your interest reading this post.

[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#378264

Does anybody know the solution?

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#378276

The popup is handle by plugin JA Thumbnail and this feature is not available. However, you could modify the plugin JA Thumbnail to get this feature:

1. Open file plugins/content/plg_jathumbnail/tmpl/thumbnail.php, find this code (line 20)
[php]
foreach ($images as $image) :
$i++
?>
<div class=”thumbnail” <?php if ($i==1):?>style=”position:relative;z-index:2″<?php endif;?>>
<?php if (class_exists(‘plgSystemPlg_JAPopup’)):?>
{japopup type=”image” content=”<?php echo $image[‘org_src’];?>” title=”” group=”group”}
<?php endif; ?>
[/php]

And replace with

[php]
foreach ($images as $image) :
$i++;
$tregex = ‘#titles*=s*([“‘])([^'”]*)1#i’;
$title = ”;
if (preg_match ($tregex, $image[‘new’], $match)) {
$title = $match[2];
}
?>
<div class=”thumbnail” <?php if ($i==1):?>style=”position:relative;z-index:2″<?php endif;?>>
<?php if (class_exists(‘plgSystemPlg_JAPopup’)):?>
{japopup type=”image” content=”<?php echo $image[‘org_src’];?>” title=”<?php echo $title ?>” group=”group”}
<?php endif; ?>
[/php]

1 user says Thank You to Khanh Le for this useful post

1. elibericoweb

[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#378558

I’m so glad for your answer. Thank you very much is working 100%. Sorry for my delay but I was working and busy.

This is a issue should be included in the template because I think is so useful for it. It is just a suggestion.

Again thanks a lot

[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#379956

Hi again, there is a little problem with this issue. When the caption is too long and it appears in two lines in the pop up, the background which is black with a circle white line around doesn’t appear in two lines, so it’s difficult to read the text. Can you solve it?

I am looking foward for your answer

Thank you

[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#380101

Has anybody the answer for this?
Thank you very much

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#380156

Hi Elibericoweb,

What kind of japopup did you used?, for example: GreyBox, FancyBox, MultiBox…
This problem is css problem, please provide me your screenshot, or website url, i will check and give you solutions.

Thanks,

1 user says Thank You to thuanlq for this useful post

1. elibericoweb

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#380168

<em>@elibericoweb 225877 wrote:</em><blockquote>Hi again, there is a little problem with this issue. When the caption is too long and it appears in two lines in the pop up, the background which is black with a circle white line around doesn’t appear in two lines, so it’s difficult to read the text. Can you solve it?

I am looking foward for your answer

Thank you</blockquote>

There’s a simple solution that you may shorten the caption by rewriting it. 🙂

[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#380306

<em>@khanh le 226144 wrote:</em><blockquote>There’s a simple solution that you may shorten the caption by rewriting it. :)</blockquote>

I know that, but sometimes we need a long sentence in the caption. There is no solution for that?
I am still so greatfull with your firs solution. It´s a little problem, I just wanted to know if it possible to be perfect.
Thanks.

<em>@thuanlq 226129 wrote:</em><blockquote>Hi Elibericoweb,

What kind of japopup did you used?, for example: GreyBox, FancyBox, MultiBox…
This problem is css problem, please provide me your screenshot, or website url, i will check and give you solutions.

Thanks,</blockquote>

I ´m using fancybox. It´s still in local host so I can put here a screenshot. If is necessary I will uplod the template in a temporal host.

Thank you

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#380418

Dear Elibericoweb,

Please change the style of fancybox’s description in the file “jquery.fancybox.css” in the folder “plugins/system/plg_japopup/fancybox/css/”, or add style in the file “templates/ja_telineiv/css/template.css”, find this style to custom, add larger height value:


div#fancy_title div {
color: #FFFFFF;
font: bold 12px Arial;
padding-bottom: 3px;

}

and


td#fancy_title_main {
background: url("../images/fancy_title_main.png") repeat-x scroll 0 0 transparent;
height: 32px;
}


[elibericoweb Friend elibericowebJoin date: February 2011Posts: 12Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#380626

Finnaly I’ve got a solution. I have changed the code in the css file to have a black background with a border white. I lose the round style in the caption and instead of it I have a normal square style, but it fits with the picture border. I will explain kno how I did it. I think it´s a very simple solution but probably not the best one.

Go to the archive public_html/plugins/system/plg_japopup/fancybox/css/jquery.fancybox.css. Now change this code:

div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 3px;
}

div#fancy_title table {
margin: 0 auto;
}

div#fancy_title table td {
padding: 0;
vertical-align: middle;
}

td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(../images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
height: 32px;
background: transparent url(../images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(../images/fancy_title_right.png) repeat-x;
}

For this one:

div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding: 3px;
background: #000;
border-style:solid;
border-width:10px;
border-color: #FFF;
}

div#fancy_title table {
margin: 0 auto;
}

div#fancy_title table td {
padding: 0;
vertical-align: middle;
}

Now the caption it’s like this.

P.D.: I say thanks to thuanlq because of his interest in this issue.

1 user says Thank You to elibericoweb for this useful post

1. Khanh Le

[Author]

Posts