Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorKAES
    • CommentTimeSep 2nd 2010
     
    I need to swap out the head.php file with a new head_slideshow.php file which contains the proper scripts and style as I am unable to combine the two due to conflicting styles. I am integrating supersized image slideshow. I understand this is getting complicated but possible non-the-less.

    I don't know PHP or JS very well to figure this out on my own. So any knowledgeable people out there that want to take a crack at it I would greatly appreciate it.

    If not... any documentation that would help is again greatly appreciated.
    Thanks for the help
    • CommentAuthorKAES
    • CommentTimeSep 2nd 2010
     
    I am thinking some sort of if else statement maybe. Not sure if in PHP or JS and where it would go.

    Thanks just a thought
    Thanks
    • CommentAuthorKAES
    • CommentTimeSep 2nd 2010
     
    Or if I could remove the header that is generated only for the slideshow and just keep the new header info in slideshow.php.

    Right now I am getting both header info sets.
    • CommentAuthorKAES
    • CommentTimeSep 2nd 2010
     
    This is my source code. If my explanation wasn't clear.

    I am also dealing with doctypes as well.


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Collections: Street Photography &raquo; Portraits &raquo; Slideshow</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="imagetoolbar" content="false" />
    <script type="text/javascript" src="http://gabrieljonesphotography.com/gallery/plog-includes/js/plog-slideshow.js"></script>
    <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="http://gabrieljonesphotography.com/gallery/plog-rss.php?level=album&amp;id=3" />
    <meta name="keywords" content="Portraits" />

    <meta name="description" content="Peoples faces " />
    <link rel="icon" href="http://gabrieljonesphotography.com/favicon.gif" type="image/gif" />
    <link rel="shortcut icon" href="http://gabrieljonesphotography.com/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="http://gabrieljonesphotography.com/gallery/plog-content/themes/default/gallery.css" />

    <link rel="stylesheet" type="text/css" media="screen" href="http://gabrieljonesphotography.com/gallery/plog-content/themes/default/lightbox.css" />

    <script type="text/javascript" src="http://gabrieljonesphotography.com/gallery/plog-content/themes/default/dynamics.js"></script>
    <script type="text/javascript" src="http://gabrieljonesphotography.com/gallery/plog-content/themes/default/prototype.js"></script>
    <script type="text/javascript" src="http://gabrieljonesphotography.com/gallery/plog-content/themes/default/scriptaculous.js"></script>

    <script type="text/javascript" src="http://gabrieljonesphotography.com/gallery/plog-content/themes/default/lightbox.js"></script>



    </head>

    <body>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

    <head profile="http://gmpg.org/xfn/11">

    <title>Supersized - Full Screen Background/Slideshow jQuery Plugin</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
    <script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
    <script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.slide.js"></script>
    <script type="text/javascript" src="supersized.2.0.js"></script>
    <script type="text/javascript">
    $(function(){
    $.fn.supersized.options = {
    startwidth: 640,
    startheight: 480,
    vertical_center: 1,
    slideshow: 1,
    navigation: 1,
    transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
    pause_hover: 0,
    slide_counter: 1,
    slide_captions: 1,
    slide_interval: 3000
    };
    $('#supersize').supersized();
    });
    </script>


    <style type="text/css">
    *{
    margin:0;
    padding:0;
    • CommentAuthorKAES
    • CommentTimeSep 3rd 2010 edited
     
    Can someone please help?

    At least direct me to some documentation give some advice.

    Thanks