Forums

Text and a Image Over Slideshow

Permalink
Hello there,

I need to set some images and text over the slideshow does anybody knows if this is possible just using CSS?

The problem that i now face is that the image and text dissapear with the transition effect.

for a quick peek:http://concrete.rikvandekraats.nl/index.php...
Frisbeeld
 
DavidMIRV replied on at Permalink Reply
DavidMIRV
What to you mean 'over' the slideshow? You can't really add text with pure css and be 100% browser compatible.
Do you need text above the actual block on your page using a content block? or are you speaking of adding text and images to the lightbox overlay? in which case you should copy the view.php
Frisbeeld replied on at Permalink Reply
Frisbeeld
I mean something like this:
http://css-tricks.com/text-blocks-over-image/...

i also a little example with a static image and this seems to work :
http://concrete.rikvandekraats.nl/index.php/contact/...

But when you go tohttp://concrete.rikvandekraats.nl/index.php/... you see it doesn't work with the slideshow.
Frisbeeld replied on at Permalink Reply
Frisbeeld
Apperantly ( i didn't know about it) its possible in css to play with a z-index.

so i made 2 div's in the header div and gave these a z-index of a 100.

And now it works!

here's a sample with inline css (still need it to clean up and put it into the main.css). 

<div id="header">
   <div style=" position:absolute; z-index:100;"><img src="<?=$this->getThemePath();?>/images/logo.png" /></div>
      <?php
         $content = new Area('Slideshow');
            $content->display($c);
         ?>
   <div style="position:absolute; top:250px; width:100%; height:50px; z-index:100; background:#000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; 
  opacity: 0.7;"><h2><span style="padding:10px; width:940px; color:#FFFFFF; margin-top:10px;">Exclusief importeur van:</span></h2></div>
   </div>


for the result go to:http://concrete.rikvandekraats.nl/index.php...
primewaydesign replied on at Permalink Reply
primewaydesign
hello,

can anyone approve this technik?

it would be a great for me if this is really possible.
wagdi replied on at Permalink Reply
wagdi
Have you tried the 'Power Slider' by MichaelG?

There are two versions, 'Lite' & 'Pro'-

http://www.concrete5.org/marketplace/addons/power-slider-lite/... (FREE)
DEMO: http://sitetestingserver.com/devSites/c5/...

http://www.concrete5.org/marketplace/addons/power-slider/... ($15)
DEMO: http://sitetestingserver.com/devSites/c5/about/...