Off the top of my head I would expect there to be some padding or margin
issues with the css of the img tag (your drupal theme might be adding
this in with its default css)
I'd add the following css to your theme's CSS
.blend {
padding:0;
margin:0;
}
.blend img {
padding:0;
margin:0;
}
nice effect from the script. I like it.
Matthew Whiting wrote:
> Well, I'm getting a little frustrated here.. I'm pretty rusty with my
> javascript coding so thought I'd just drop in a script I found on the
> net to do what I'm after for the time being - fading one image into
> another.. The script I'm using is from this site -
> http://brainerror.net/scripts/javascript/blendtrans/demo.html. Works
> sweet on a test site with just a simple div and a few images sitting
> inside it. Fades as expected from one image to the next. First image is
> faded in, then set as background. Then next image is set as current
> image but with opacity 0 and slowly fades in over top of the background
> and so on...
>
> However, when I drop it into my current drupal dev site, each time a new
> image is made visible it doesn't appear directly overtop of the previous
> image, but drops down about 10px or so at the top. I can't for the life
> of me figure out why this would be. I'm not yet a javascript/css expert.
> Any suggestions as to how I could try resolving this? What javascript
> would I use to view all the attributes of the img (in case this helps)?
>
> Cheers
> Matt
>
> >
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com
> Version: 8.0.169 / Virus Database: 270.7.0/1679 - Release Date: 9/18/2008
> 5:03 PM
>
>
--~--~---------~--~----~------------~-------~--~----~
NZ PHP Users Group: http://groups.google.com/group/nzphpug
To post, send email to [email protected]
To unsubscribe, send email to
[EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
