about rotating header images

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
8/10/2010 6:39:57 AM
donato1026
Gravatar
Total Posts 39
View Posts

Re: about rotating header images

Same here, Shoukat...
8/10/2010 11:42:15 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: about rotating header images

The number and size of images loaded in a page will affect performance. you need to optimize all images for the web to reduce their file size as much as possible and consider using fewer slides or you may encounter issues like this. Probably your image files are very large and they don't load fast enough, combine that with too many of them and it is a recipe for problems. Don't use high resolution images, use a tool like ImageReady to optimize the images.

Hope it helps,

Joe

8/11/2010 8:56:07 PM
donato1026
Gravatar
Total Posts 39
View Posts

Re: about rotating header images

Joe,

I've been doing this stuff for years and I've got to tell you. . . I am using only TWO images. And they're optimized using Photoshop CS4 Master Suite. I am having the same problem. First slide loads fine and when it gets to the second (last slide), it loads a small thumbnail sized slide in the top left corner. Then it goes back to the first slide and repeats. . . Not sure why this is happening.

Also, it seems like when the page first loads, my CSS spacing is off, but when I refresh, it displays properly. I can probably figure that out, but I am at a loss as to why the slideshow is doing that.

Any help would be greatly apprecaited. . .

Cheers,

~D

8/12/2010 8:33:15 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: about rotating header images

you said same problem as shoukat, he was talking about 13 images and for all I know they are large files.

possibly something in your CSS is causing this

without steps to produce the problem one can only guess at possible causes

can you produce the problem on demo.mojoportal.com using the slideshow in the html feature?

8/16/2010 7:51:44 PM
Shoukat Rasool
Gravatar
Total Posts 11
View Posts

Re: about rotating header images

Thanks Joe,

Now i have about six images and each of them is about 90 kb but still i have the same issue. Is there any other option so that i should be able to do the same thing in the master page header (like image gallery slide show).  Any help would be much appreciated. . . Shoukat

8/17/2010 7:29:51 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: about rotating header images

Hi Shoukat,

An extra 540 kb of payload is a lot of extra weight for a page.

I would try to optimize them further to reduce size or reduce the number of them

There are several different slide show type widgets for jQuery you may need to make a custom solution rather than just use the built in SlidePanel that uses the jQuery cycle plugin. There are other ones including jCarousel and EasySlider. 

I will be giving a presentation on integrating jQuery widgets on August 24 at the online mojoPortal user group. I will specifically be covering jCarousel and maybe also EasySlider. 

One possible solution would be to load the images dynamically by javascript instead of pre-embedding them in the markup, it could make the page seem to load faster because the javascript could run before all the images are loaded. I will show how to do that with jCarousel in my presentation.

Best,

Joe

8/23/2010 8:38:53 AM
donato1026
Gravatar
Total Posts 39
View Posts

Re: about rotating header images

Joe,

I still have the same issue, with two (2) images. . . Whenever I load the page for the first time, the slide show shows the second image as a small thumbnail. However, when I refresh, everything displays fine. This happens every time. I am not sure why that is though. . .

Any thoughts? I use the same code as in the example and my CSS is the same as well. . .

Thanks,

~D

8/23/2010 8:41:36 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: about rotating header images

Is the site located at a public url where I could see it?

8/23/2010 8:50:20 AM
donato1026
Gravatar
Total Posts 39
View Posts

Re: about rotating header images

Unfortunately, no. . . it's not. It's strange though. . . I'm not sure why it would work AFTER I hit refresh. It doesn't make sense to me. . .

8/23/2010 8:58:05 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: about rotating header images

There isn't much I can do to help without seeing the problem and inspecting the rendered markup.

8/30/2010 7:48:35 AM
donato1026
Gravatar
Total Posts 39
View Posts

Re: about rotating header images

OK. I figured it out. . . and you may laugh, Joe, or you may want to reach through the screen and smack me. . . You have to specify the height and width for each image in the ASP.net code, not in the CSS. I am not sure why that is. I had the height and width set in the CSS and thought that would work fine, however, it doesn't seem to. But when I set the height and width for each image in the Slider code, it works great!

Thanks!

You must sign in to post in the forums. This thread is closed to new posts.