Joomla Templates Club 406,261 posts

[borislavmi Friend borislavmiJoin date: August 2011Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#170929

Hello,
i’ve got 1 problem with caption style when adding new images to article.
I assign 1st image to caption style, and i add some other images.
Now when i open this article there is some space between prev and next nav as shown in http://mib-computers.ba.uksite4.yourwebservers.com/portal/index.php?option=com_content&view=article&id=598:test-article&catid=146&Itemid=614

When u click next then everything is right, navigation got no padding between image.
Unfortunatly i cannot edit caption style because then all padding will disappear from category view page, http://mib-computers.ba.uksite4.yourwebservers.com/portal/index.php?option=com_content&view=category&layout=blog&id=146&Itemid=614

Is it possible to fix this somehow, that there is not padding between navigation and 1st image, on article detail view ?

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#426032

The thumbnail and navigation buttons are included into
<div class=”ja-thumbnailwrap thumb-right” style=”width: 600px;”>….</div>
As first image is smaller them 600px (its width is 550px), but other 2 images – are OK, the navigation bar is not aligned on first image.

There are 3 quick way-outs (without re-coding of JA Thumbnail):
– choose images which are bigger or equal to 600 px in width
– try to set img’s width to 600 px thought CSS (it’ll cause re-size of smaller images, quality could be lost)
– set smaller width in plugin’s settings and upload images of equal or bigger size

[borislavmi Friend borislavmiJoin date: August 2011Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#426047

hmm, i am afraid that u didn’t understand what’s my problem, i have attached picture that explains it, sry for misunderstood.
I also created picture that got higher then 600px width, and that picture is 1st and 2nd. On 1st picture becouse of caption style there is space that i marked with red. ON same picture that’s 2nd on navigation, that space is gone. I want that 1st picture be same as 2nd.

---

Attachments:

1. 

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#426090

It seems to be a bug. When first image is opened div’s dimensions are set as
<div class=”ja-thumbnail clearfix” style=”width: 600px; height: 370px”>
but image’s height is 340px
When you move to 2nd image, it’s already
<div class=”ja-thumbnail clearfix” style=”width: 600px; height: 340px”>
which is correct

It’s necessary to check what values (width & height) are set by

firstrun: function() {
if (this._firstrun) {
var coor = this._items.getCoordinates();
this._thumbbox.setStyles ({'width':coor.width, 'height': coor.height});
this._items.setStyle ('position', 'absolute');
this._firstrun = false;
}
}

[borislavmi Friend borislavmiJoin date: August 2011Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#426096

assuming u r referring to: plugins/content/plg_jathumbnail/tmpl/thumbnail.php
i’ve found

firstrun: function() {
if (this._firstrun) {
var coor = this._items.getCoordinates();
this._thumbbox.setStyles ({'width':coor.width, 'height': coor.height});
this._items.setStyle ('position', 'absolute');
this._firstrun = false;
}
}

not sure what i need to edit here?

[borislavmi Friend borislavmiJoin date: August 2011Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#426097

Here is screen from Ja thumbnail settings, changinh height values didn’t make any changes to problem. Only height is changed as it should be, but white space is still there

---

Attachments:

1. 

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#426108

<em>@borislavmi 284547 wrote:</em><blockquote>assuming u r referring to: plugins/content/plg_jathumbnail/tmpl/thumbnail.php
i’ve found

firstrun: function() {
if (this._firstrun) {
var coor = this._items.getCoordinates();
this._thumbbox.setStyles ({'width':coor.width, 'height': coor.height});
this._items.setStyle ('position', 'absolute');
this._firstrun = false;
}
}

not sure what i need to edit here?</blockquote>

It’s difficult to do offline, but let’s see what are the values passed

firstrun: function() {
if (this._firstrun) {
var coor = this._items.getCoordinates();
this._thumbbox.setStyles ({'width':coor.width, 'height': coor.height});
this._items.setStyle ('position', 'absolute');
this._firstrun = false;
alert(coor.width);alert(coor.height);
}
}

You should see 2 numbers poped-up upon article opening – first is width, second height.
DO NOT forget to remove the additional code after you check the numbers!

[borislavmi Friend borislavmiJoin date: August 2011Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#426122

can i PM u ftp and admin info so u check it by urself, i am not managing to do it right.

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#426147

<em>@borislavmi 284578 wrote:</em><blockquote>can i PM u ftp and admin info so u check it by urself, i am not managing to do it right.</blockquote>
Ok, send via PM.
I’m not JA moderator, but will do my best to solve the issue.

[borislavmi Friend borislavmiJoin date: August 2011Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#426156

i’ve send u a pm with info, tell me if u need anything else

[Author]

Posts