No replies
mrdl
mrdl's picture
Offline
newbie
Last seen: 2 years 22 weeks ago
Timezone: GMT-6
Joined: 2012-02-16
Posts: 1
Points: 2

I found a script I like. Example 4

1. I want these tabes to go across the top of all the browser and fit up top like google has theirs going across theirs. And the rest to fit the whole page as if it where a index page but with slider like in example 1 Example 4 contract to the wording I want it to not do that..

2. Set opacity so it's transparent over the background photo.

That way navigation is very fast. I don't want a site map but a slider. Then put links to each page in my site on the slides.

It's example 4

http://www.ndoherty.biz/demos/coda-slider/2.0/#4

$().ready(function() {
$('#coda-slider-5').codaSlider({
dynamicArrows: false,
dynamicTabs: false
});
});

«
  • Panel 1
  • Panel 2
  • Panel 3
  • Panel 4
»
Panel 1

Lorem ipsum dolor sit amet...

Panel 2

Proin nec turpis eget dolor dictum lacinia...

Panel 3

Cras luctus fringilla odio vel hendrerit....

Panel 4

Nulla ultricies ornare erat...

I found on the net if I use this code I would get cross browser opacity..... I just don't know where to put it...

.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;
}