Joomla Templates Club 406,261 posts

[metastorm Friend metastormJoin date: October 2012Posts: 48Downloads:0Uploads:8 Thanks: 6 Thanked: 5 times in 1 posts]

#184614

Hi,

At Ja News Featured module there are 3 big images with titles below in rotate. Lets number them as N1, N2, N3.
N1 and N3 have a short Title (one line)
N2 has a long 2-lines Title

In this case the height of JNF with big images is fixed and = 1’st image with short Title (N1).
When animation starts, no change of height is happened, so Title at N2 is partly cut (see screenshot).
In html code:
<div class=”ja-zinfp-featured-border” style=”height: 347px;”> – static, must be dynamic
<div class=”ja-zinfp-featured clearfix” style=”height: 347px; width: 488px;”>
<div class=”ja-zincontent-wrap active” style=”left: 0px; top: 0px; width: 488px; height: 347px;”>
<div class=”ja-zincontent-wrap ” style=”left: 488px; top: 0px; width: 488px; height: 347px;”>
<div class=”ja-zincontent-wrap ” style=”left: 488px; top: 0px; width: 488px; height: 347px;”>

Bold – this must be 373 in this case

But if I change order of featured items as N2-N1-N3 (item with long title go first!), then animation goes correct and height of div is changed accordingly to the title length.
<div class=”ja-zinfp-featured-border” style=”height: 373px;”> – here height is dynamic (373px-347-347)

I believe there is some problem in /templates/ja_nex/html/mod_janews_featured/nex/script.js , but unable to find it.

Regards,

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#482305

I would need to take a closer look at your site. I might be able to help you out. Right now its difficult to guess the issue and solution without actually being able to see it. Please pm me with URL and admin access on your site

[metastorm Friend metastormJoin date: October 2012Posts: 48Downloads:0Uploads:8 Thanks: 6 Thanked: 5 times in 1 posts]

#482333

Please check PM

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#482461

<em>@metastorm 358611 wrote:</em><blockquote>Please check PM</blockquote>

I fixed the problem on your site as follow

Open /templates/ja_nex/html/mod_janews_featured/nex/script.js file
from

new Asset.images(this.panelwrap.getElements('img').get('src'), {
onComplete: function(){this.panels.each(function(el) {
el.setStyle('width', this.panelwrap.offsetWidth);
el.setStyle('height', this.panelwrap.offsetHeight);
}.bind(this))}.bind(this)
});

change to

new Asset.images(this.panelwrap.getElements('img').get('src'), {
onComplete: function(){this.panels.each(function(el) {
var width = Math.max(this.panelwrap.offsetWidth, el.getWidth());
var height = Max.max(this.panelwrap.offsetHeight, el.getHeight());
this.panelwrap.setStyles({width: width, height: height});

el.setStyle('width', width);
el.setStyle('height', height);
}.bind(this))}.bind(this)
});

Please check it again, let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. metastorm

[metastorm Friend metastormJoin date: October 2012Posts: 48Downloads:0Uploads:8 Thanks: 6 Thanked: 5 times in 1 posts]

#482587

Hi Ninja Lead,

Problem fixed, thank you! 🙂

Regards,

[Author]

Posts