Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me

TOPIC: How to overlay a picture on a slideshow

How to overlay a picture on a slideshow 1 year 4 weeks ago #44354

  • arthurrs
  • arthurrs's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 198
  • Karma: 0
Hi Folks

Can someone share with me how to create a slideshow with a picture overlaid on top like the found at:

vaughntech.com/aaronnew/index.php

I've created slideshows before, but not with a picture overlaid on top of it.

Thanks
Arthur
Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44355

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3950
  • Thank you received: 134
  • Karma: 9
Hi Arthurrs,

You can mimic that slideshow by creating a new position on the top and setting it with a position of absolute. Then create the "header" div id, and giving it position relative to be placed over it. :)
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44362

  • arthurrs
  • arthurrs's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 198
  • Karma: 0
Hi Tessa. Thanks for your quick response. I think I understand what you are instructing me to do. I'll try it and get back to you once I figure it out. :-)

Would you happen to have any code examples I can take a look at?

Thanks for your help! I truly appreciate it.

Arthur

Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44378

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 16797
  • Thank you received: 386
  • Karma: 56
Hi Arthur,

You can adapt the following code example to your needs:
frinity.blogspot.com/2008/06/placing-tex...image-using-css.html

Hope this helps! Let us know if you need any additional help and we'll be glad to help.

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44443

  • arthurrs
  • arthurrs's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 198
  • Karma: 0
Tessa & Nick

I love you guys! Thanks a bunch, that was very helpful! I'm still trying to get this CSS thing under my belt.

Arthur
Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44445

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 16797
  • Thank you received: 386
  • Karma: 56
You're very welcome, Arthur! We're glad to be of help! :)

By the way, have you had a chance to go through our coding classes (HTML, CSS, and PHP) yet? Take a look:
www.ostraining.com/training/overview/coding-classes/

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44463

  • arthurrs
  • arthurrs's Avatar
  • OFFLINE
  • OSTycoon
  • Posts: 198
  • Karma: 0
Thanks Nick

I started them sometime ago and didn't get a chance to finish them. However, I now have some free time to do them in the evening. Looking forward to finishing them.

Thanks
Arthur
Please become a member of OSTraining to reply to this post.

How to overlay a picture on a slideshow 1 year 4 weeks ago #44468

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 16797
  • Thank you received: 386
  • Karma: 56
Cheers, Arthur!

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

Sign Up for OSTraining

Powered by Kunena Forum

Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.