[tteasdale]

Using the logic supplied below by CincyPlanet, which is greatly appreciated, however causes the text in another panel on the same page to be relocated 10 or 20 pixels from its assigned location. As you’ll notice, the interval to change the image is 10 seconds and about 5 seconds into the new image being displayed, the image gets slightly resized and that is when the text location is moved. I have also included the associated CSS code for the text.

Ad/Image rotation logic:

var timer = setInterval(getAd, refreshRate*1000);

function getAd()
{
$(‘#m1-TrackMyRaces-adImage’).attr(‘src’, ‘images/Ad_panel9.png’);
adurl=’http://www.setupevents.com/’;
}

Text CSS code
$(‘#m1-TrackMyRaces-Overall’).css({‘position’: ‘relative’, ‘top’: -698});

[tteasdale]

…continuing

1) How can I prevent the Image from resizing and
2) How can I prevent the text from moving?

Thank you.

[tteasdale]

Anything?

[support-michael]

Since this is user contributed code your mileage may vary.

>1) How can I prevent the Image from resizing and

Without looking at how you have configured the resize settings on your image, I’m going to guess that you have the image set to resize. Also may be @CincyPlanet has some ideas.

>2) How can I prevent the text from moving?

Post a small project example that demonstrates the issue and we can have an idea how your UI is configured. We can go from there.

[tteasdale]

For #1, I am actually not resizing the ‘Ad’ image. I have set the associated CSS size to the same pixels of the image.

For #2, easier said than done…sorry. With the different sizing of the panel with the text and to make it mimic what my application does, this alone could take a bit of time to produce. Do you have a webex or goto meeting option? I would be glad to take this off-line to discuss and connect you to my system, then zip up the app for your debugging expertise.

I appreciate your help!!

[Brandon]

To prevent the image from resizing make sure they are exactly the size you need them. If they are not they will try to resize.

Try playing with the layer position of the text and make sure it is on top. I have seen some strange CSS issues when it is below panels and html widgets.

[tteasdale]

Let’s focus on the resizing. I guess I don’t fully understand what you mean with making sure they are ‘exactly’ the size I need them. Simply using MS Paint, I have set the pixels of the image. I have also set the image ‘Layout’ width and height to be the same size in Mobione design center. However, the image tends to ‘shrink’ slightly half way through the count of how long the image is to be displayed before the next image replaces it; which then the next image does the same thing. Currently, I only have two images that the ‘Ad’ rotates between.

[tteasdale]

Ok, here is a similar example to the related code I am using which also seems to mimic the issue.

Attachments:

You must be logged in to view attached files.

[tteasdale]

Is this helpful? Is this under review?

[Brandon]

Move Panel2 above Panel1 in the outline and that should solve it.

[tteasdale]

Unfortunately, it did not. You can test this by running it in the Test Center, pressing the ‘Shrink’ button and wait for the adImage to refresh to the new image. You should then see Panel 1 resize to the original size and the text to relocate to the bottom of the panel, which is not desired.

[Author]

Posts