How would you recommend I change the Fade Effect so it looks more like this: http://int505.org/? Notice how the text areas on the images do not fade.

Comments

ppblaauw’s picture

ppblaauw commented
Status: Active » Postponed (maintainer needs more info)

Had a look at the site you give. I see a slideshow with the same image for all slides (or maybe a background image) and fading text.

What do you mean with: Notice how the text areas on the images do not fade.

I don't know what you want to accomplish.
Do you have a link to your Internet site and can you explain more what you want to accomplish?

waverate’s picture

waverate commented

You may need to look at that slideshow again because your description does not sound correct.

Their look, that I am trying to duplicate, is composed of the following images:

http://int505.org/images/headers/header.jpg
http://int505.org/images/headers/header01.jpg
http://int505.org/images/headers/header02.jpg
etc.

If you look at each image, you will see that it consists of some graphics and text on top of a photo; that is the text and graphics are part of the .jpg.

When the photos are run with their slideshow.js (http://int505.org/modules/mod_header_image/libs/slideshow.js), the fade-type effect that they use does not fade the text and graphics areas of their image.

I think this is because they fade in the next image before they fade out the old one; but I am really not sure.

When I tried it with the fade effect (http://dev.albacore.ca), the text and graphics areas "fade" or become grey in between the two images. I am pretty sure this is normal behaviour for the jQuery Cycle Plugin but I was hoping to tweak it a bit to get this result.

airen2011’s picture

airen2011 commented

Ok, I looked at the wrong place, Looked at the "slideshow" (with the three pager-items at the left) below the header, Not at the header slideshow.

When your image on the left (the big A) and the text image (Canadian Albacore Association) stay the same in all images, why not use separate images for that and place them on top of the slideshow.

First: you would have your desired result.
Second: You don't have to manipulate the photos.

I will have a further look what can be done about the slide effect when same text is used in an image. Let you know when I come up with something.

Hope this helps you further, please let me know.

waverate’s picture

waverate commented

iren,

Thanks for the comments and your suggestion. Unfortunately, I don't know how to put an image on top of the slideshow.

Do you have a suggestion?