You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 26-11-2013 21:06:31

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Slideshow Image appears in 1x1 size before resizing to full size

I have a "slideshow" tile that is  4x3 wide.   I placed 5 images in the definition.  The images show and fade properly.   However, just before the image changes there is a split second where the image shrinks to the size of 1x1 and remains visible.  It is then replaced by the next/new image.  This results in a quick flash of the current image (in smaller form) at the top left corner.   Then the image is replaced.   It does not have a smooth transition.

Is this a bug?

Offline

#2 26-11-2013 22:10:12

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

Can you give a link to your page?

Offline

#3 27-11-2013 00:46:09

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

Http://www.nortel.ws

Last edited by rsalomone (27-11-2013 00:52:33)

Offline

#4 27-11-2013 01:02:32

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Slideshow Image appears in 1x1 size before resizing to full size

Please upgrade to the latest version first (it seems you are using an older version because the slideshow tile isn't the most recent one). It probably won't be fixed, but then we can look for a fix.

Offline

#5 27-11-2013 01:11:06

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

I downloaded my version last week

Offline

#6 27-11-2013 08:35:07

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

Problem ocures only in Chrome but in other browsers (IE, Opera, Firefox) there is other glich -> when page is loaded 1st time there is blink/wink of current image before next image is loaded. This problem happens only in first iteration of all images.

Problem is in div imgWrapperBack. img inside it has wrong size (126px x 126px) and that is why your image is so small before it disappear. Calculation of width & height is wrong. Problem is in plugins/tileslideshow/plugin.js. But I can't say where because in my file in case "fade" there is no setting width or height neutral.

Last edited by chrismaliszewski (27-11-2013 08:48:46)

Offline

#7 27-11-2013 15:12:02

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

Hi my version is:

* METRO UI TEMPLATE v4.b1

I will attempt to patch the problem.  Thank you for your help.

Should I download another update?

Offline

#8 27-11-2013 15:16:58

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Slideshow Image appears in 1x1 size before resizing to full size

You should update first to b2 and then to b3.1.

Don't expect it to be fixed. But the images of the slideshow will load more smoothly. After you've updated I can suggest a fix (if I'd give a fix without you being on the latest version this could give some problems)

Offline

#9 27-11-2013 15:44:28

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

OK.  I have upgraded to the latest template.

I am can go ahead and make your suggested changes?

Thank you for your response. 

Regards
rs

Offline

#10 27-11-2013 16:17:01

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Slideshow Image appears in 1x1 size before resizing to full size

Ok,

in the file plugins/tileslideshow/plugin.js find around line 112:

case "fade":

                $imgBack.attr("src",imgSrc)
                $imgBack.attr("alt",imgAlt)
                $wrBack.stop(true,true).show().fadeOut(700)
                $img.attr("src",imgs[n])
                $img.attr("alt",alts[n])
                $wr.stop(true,true).hide().fadeIn(700);
               
                break;

and insert after

case "fade":

and before

$imgBack.attr("src",imgSrc)

the following code:

$imgBack.css({width: $id.width(), height: $id.height()});

Let me know if it works.

Offline

#11 27-11-2013 16:43:36

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Slideshow Image appears in 1x1 size before resizing to full size

Thank you.  It worked!  big_smile

Resizing down for mobile devices does not resize the image though.  It resizes the tile but not the image.   I am not sure if this is by design.  The image is simple cropped to the size of the tile.

Last edited by rsalomone (27-11-2013 16:45:46)

Offline

Board footer

Powered by FluxBB