Need help with image fade effect

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hello, need an (easy) code for an image fade effect like in and out or cycling with others but with fading effect please, Dont tell me to use any widgets or slide shows cause I dont like the frames they have. Anyone can help me please?

Thanks
Patrick
Photo of Patrick

Patrick

  • 89 Posts
  • 1 Reply Like
  • happy

Posted 9 years ago

  • 1
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
This is a slideshow but its a script slideshow not what your thinking about.

See it working here http://www.hexham.info or http://www.hexham.info/swallowship

The script http://www.dynamicdrive.com/dynamicin...

If its what your looking for and you need any help applying it to Yola just ask back on this thread.
Photo of Patrick

Patrick

  • 89 Posts
  • 1 Reply Like
Thanks for your reply UK Duke, no clue how to edit it, im getting a vertical whitebox
Photo of Patrick

Patrick

  • 89 Posts
  • 1 Reply Like
ok pics are appearing but seems they cut in half ina vertical white box, what I need to edit to show pics in their original size? or increase the size of teh box?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Patrick,

First of all, all the images need to be the same height and width for it to look good. Use Picnik.com or similar to edit them.

Its the code that goes on the page that effects the size of the show.

1.
(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow

2.
(fadeimages, 189, 144, 0, 9000, 1, "R")

The top descriptions (1.) relate to the bottom values (2.)

Make sure the width and height are wide enough to show the images.

Lee.

(PS. i'm about to log out for the afternoon so if you need any more help just ask on this thread and i'll get the email link later)
Photo of Patrick

Patrick

  • 89 Posts
  • 1 Reply Like
ok I managed with the height and stuff , tho I need to use cropped pics of different sizes link down here is an example of a test page I put one as PNG color from "white" I put it "" to become transparent but you can see the other pics behind teh cropped one, anything I can add to prevent that? And I cant add teh colour of teh background cause teh background is a pic

http://www.nellasbullsmalta.com/fadetest

Patrick
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
I'm not sure what you mean Patrick,

You know you can have more than 1 show on the same page.

So the image news 2009 -10 is transparent and when shown it shows the image behind it as well?

I dont know how you would around that it must be the way the script works.

I notice from the page source that you are only using one array (1 show) and you still have the code for a second array on the page.
You could try and delete that line see if it makes any difference (doubt it tho)
delete this line:
new fadeshow(fadeimages2, 407, 241, 0, 3000, 0)

As for the background colour - you could maybe use the most prominent colour of the photo and then it would be like a 'trick of the eye' and you probably wouldnt notice anything was wrong.

I would have to see an example to understand more.

Lee.