Hello i’m having a horizontal navigation in the header with a fading slideshow.
\nMy problem is that the slideshow go over the navigation… i can’t see my sub menu<\/p>\n
Is there a way that my nav bar always go on top of my slideshow?<\/p>\n
Sorry for my english i’m french!<\/p>\n
Here are my code<\/p>\n
<!DOCTYPE html>\n<html <?php language_attributes(); ?>>\n\n<head>\n\t<meta charset="<?php bloginfo('charset'); ?>" \/>\n\n\t<?php if (is_search()) { ?>\n\t <meta name="robots" content="noindex, nofollow" \/>\n\t<?php } ?>\n\n\t<title>\n\t\t <?php\n\t\t if (function_exists('is_tag') && is_tag()) {\n\t\t single_tag_title("Tag Archive for ""); echo '" - '; }\n\t\t elseif (is_archive()) {\n\t\t wp_title(''); echo ' Archive - '; }\n\t\t elseif (is_search()) {\n\t\t echo 'Search for "'.wp_specialchars($s).'" - '; }\n\t\t elseif (!(is_404()) && (is_single()) || (is_page())) {\n\t\t wp_title(''); echo ' - '; }\n\t\t elseif (is_404()) {\n\t\t echo 'Not Found - '; }\n\t\t if (is_home()) {\n\t\t bloginfo('name'); echo ' - '; bloginfo('description'); }\n\t\t else {\n\t\t bloginfo('name'); }\n\t\t if ($paged>1) {\n\t\t echo ' - page '. $paged; }\n\t\t ?>\n\t<\/title>\n\n\t<link rel="shortcut icon" href="\/favicon.ico">\n\n\t<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">\n <link rel="stylesheet" href="<?php bloginfo('template_url'); ?> css\/slideshow.css">\n\n\t<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">\n\n\t<?php if ( is_singular() ) wp_enqueue_script('comment-reply'); ?>\n\n\t<?php wp_head(); ?>\n\n\t<script type="text\/javascript">\n\t$(document).ready(function() {\t\t\n\n\t\/\/Execute the slideShow\n\tslideShow();\n\n\t});\n\n\tfunction slideShow() {\n\n\t\/\/Set the opacity of all images to 0\n\t$('#gallery a').css({opacity: 0.0});\n\n\t\/\/Get the first image and display it (set it to full opacity)\n\t$('#gallery a:first').css({opacity: 1.0});\n\n\t\/\/Set the caption background to semi-transparent\n\t$('#gallery .caption').css({opacity: 0.7});\n\n\t\/\/Resize the width of the caption according to the image width\n\t$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});\n\n\t\/\/Get the caption of the first image from REL attribute and display it\n\t$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))\n\t.animate({opacity: 0.7}, 400);\n\n\t\/\/Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds\n\tsetInterval('gallery()',6000);\n\n\t}\n\n\tfunction gallery() {\n\n\t\/\/if no IMGs have the show class, grab the first image\n\tvar current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));\n\n\t\/\/Get next image, if it reached the end of the slideshow, rotate it back to the first image\n\tvar next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));\t\n\n\t\/\/Get next image caption\n\tvar caption = next.find('img').attr('rel');\t\n\n\t\/\/Set the fade in effect for the next image, show class has higher z-index\n\tnext.css({opacity: 0.0})\n\t.addClass('show')\n\t.animate({opacity: 1.0}, 1000);\n\n\t\/\/Hide the current image\n\tcurrent.animate({opacity: 0.0}, 1000)\n\t.removeClass('show');\n\n\t\/\/Set the opacity to 0 and height to 1px\n\t$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });\t\n\n\t\/\/Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect\n\t$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );\n\n\t\/\/Display the content\n\t$('#gallery .content').html(caption);\n\n\t}\n\n\t<\/script>\n\n<\/head>\n\n<body <?php body_class(); ?>>\n\n\t<div id="page-wrap">\n\n <header>\n\n <div id="header">\n\n \t<img src="<?php bloginfo('template_url'); ?>\/Images\/Logo-dessin.png" width="160" height="160" alt="Logo" \/>\n\n <\/div>\n\n\t <Nav> \n\n\t\t\t\t<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>\n\n \t\t\t<\/nav> <!-- fin de la nav -->\n\n <div id="gallery">\n\n <a href="#" class="show">\n <img src="<?php bloginfo('template_url'); ?>\/Album photos\/Cuisine\/DSCF6569.JPG" alt="" \/>\n <\/a>\n\n <a href="#">\n <img src="<?php bloginfo('template_url'); ?>\/Album photos\/Cuisine\/DSCF6571.JPG" alt=""\/>\n <\/a>\n\n <div class="caption"><div class="content"><\/div><\/div>\n <\/div>\n <div class="clear"><\/div\n\n<\/header> <!-- fin du header --><\/code><\/pre>\nThanks for your help!!<\/p>\n","protected":false},"template":"","class_list":["post-1890828","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/1890828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/1890828\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=1890828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}