Ultimate Fade-in Slideshow (v2.4) Help

**cpb09e** · 04-11-2012, 02:10 PM

1) Script Title: Ultimate Fade-in Slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: I had the slideshow working and now nothing is displaying on the site. Here are the codes from both of the files I have it in:

Header.php

PHP Code:


<head>

    <title>Antarctic Marine Geology Research Facility</title>

    <!-- Meta -->

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <!-- Javascripts -->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 



    <script type="text/javascript" src="http://arf.fsu.edu/fadeslideshow.js"> 



/*********************************************** 

* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) 

* This notice MUST stay intact for legal use 

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more 

***********************************************/ 



</script> 



<script type="text/javascript"> 



var mygallery=new fadeSlideShow({ 

    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow 

    dimensions: [602, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image 

    imagearray: [ 

        ["includes/javascripts/slideshow/DSC_4197-Copy.JPG", "", "", "New equipment: Six track multi-sensor core logger (XYZ)"], 

        ["includes/javascripts/slideshow/DSC_4174-Copy.JPG", "", "", "Students preparing core for Phase 2 rennovations"],

        ["includes/javascripts/slideshow/progress2.JPG", "", "", "Renovation on mobile shelving Phase 1"], 

        ["includes/javascripts/slideshow/DSC_4186-copy.jpg", "", "", "AMGRF at FSU Earth Day"],

        ],

    displaymode: {type:'auto', pause:6000, cycles:0, wraparound:false}, 

    persist: false, //remember last viewed slide and recall within same session? 

    fadeduration: 500, //transition duration (milliseconds) 

    descreveal: "peekaboo", 

    togglerid: "" 

    

}) 



</script>   

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAiCg0XiEsv-BM_gj1E4W45BQa6VwUSeqn8wmBX-fO_BEexrziYBQUx_Xn_IQN7J6tja8TluInDIC6DA"

      type="text/javascript"></script>

    <!-- START Requirements for accordian -->

      <script src="/includes/javascripts/jquery-1.2.6.pack.js" type="text/javascript" charset="utf-8"></script>

      <script src="/includes/javascripts/jquery-ui-personalized-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>

      <script src="/includes/javascripts/jquery.jmap.js" type="text/javascript" charset="utf-8"></script>

      <!-- My Code -->

      <script src="/includes/javascripts/arf_core.js" type="text/javascript" charset="utf-8"></script>

    <!-- END Requirements for accordian -->

    <script type="text/javascript" src="/includes/javascripts/swfobject.js"></script>

    <!-- Inline Javascript -->

    <script type="text/javascript">

        // Format: path_to_swf_file, div id to place content, width, height, version (9.0.0 for recent)

        swfobject.embedSWF("/includes/arfFlash2.swf", "flashcontent", "850", "100", "7.0.19"); </script>

    

    <!-- Javascript for Pictures -->

    <script src="/includes/javascripts/lightbox/jquery.js.js" type="text/javascript" charset="utf-8"></script>

       <script src="/includes/javascripts/lightbox/jquery.lightbox-0.5.js" type="text/javascript" charset="utf-8"></script>

     <script type="text/javascript">

    $(function() {

        $('#gallery a').lightBox();

    });

    </script>

    

     <script type="text/javascript">

    $(function() {

        $('#gallery2 a').lightBox();

    });

    </script>

    

    <!-- End Javascript for Pictures -->

    

    <!-- Javascript for News -->

    

    <!--<script src="/includes/javascripts/slideshow/jquery.js" type="text/javascript" charset="utf-8"></script>-->

    <script src="/includes/javascripts/slideshow/jquery.easing.1.3.pack.js" type="text/javascript" charset="utf-8"></script>

    <script src="/includes/javascripts/slideshow/jquery.cycle.min.js" type="text/javascript" charset="utf-8"></script>

    

    <script type="text/javascript">

        $(function() {

            $('#slideshow').cycle({

                fx: 'fade',

                delay: -1000

            });

        });

    </script>



    <!-- CSS -->

    

    <link rel="stylesheet" href="/includes/screen.css" type="text/css" media="screen" title="ARF Screen Style" charset="utf-8" />

    

    </head>

    

    

<body>

<div id="core">

    <div id="header">

        <div id="headerImage">

            <img src="/images/ARFHeader_logo.jpg" width="850" height="150" alt="" />

        </div>

    </div>

        <div id="flashcontent">

            <p>Flash Player Not Detected or Javascript is disabled</p>

            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

        </div>

    <!-- SIDEBAR START -->

    <?php include($_SERVER['DOCUMENT_ROOT']."/includes/menu.php"); ?>



    <!-- SIDEBAR END -->



    <div id="content">

        <div class="inner">

        <!-- HEADER END -->

        <!-- CONTENT START -->

Index.php

PHP Code:


<?php include($_SERVER['DOCUMENT_ROOT']."/includes/header.php"); ?>



        <!-- CONTENT START -->

            <h2>Latest News</h2>

            <img class="image" src="/images/blueline.jpg" width="400" height="4" alt="" />

            

            

      <div id="fadeshow1"></div>

    <br />

            

            <div class="newsItem">

                <img class="image newsImage" src="/images/gallery.jpg" width="101" height="76" alt="" />

                <h3><a href="/news/gallery.php" title="Photo Galleries">Photo Galleries</a></h3><br />

                <p>

                    Photo galleries are now available for X-Radiographs, Bottom photographs and Core photographs.<br />

              </p>

            </div>

            <div class="newsItem">

                <img class="image newsImage" src="/images/mobile_shelving/progress2.JPG" width="101" height="76" alt="" />

              <h3><a href="/news/facility_renovation.php" title="Facility Renovation">Facility Renovation</a></h3><br />

                <p>

                    Cold room renovation Phase 1 and Phase 2<br />

              </p>

            </div>



            <div class="newsItem">

                <img class="image newsImage" src="/images/equipments/Digital_x-ray.jpg" width="101" height="76" alt="" />

                <h3><a href="/equipment/index.php" title="Equipment Additions">Equipment Additions</a></h3><br />

                <p>

                    List and availability of  equipment<br />

              </p>

            </div>

            <div class="newsItem">

                <img class="image newsImage" src="/images/IMG_1614s.jpg" width="101" height="76" alt="" />

                <h3><a href="/news/database_initiatives.php" title="Database Initiatives">Database Initiatives</a></h3><br />

                <p>

                    Ongoing efforts to increase AMGRF data availability.<br />

              </p>

              </div>   

              

              

              <div class="clearer">

                &nbsp;

                

            </div>

   

            

        <!--h3>Facility Calendar </h3>

            <img class="image" src="/images/blueline.jpg" width="400" height="4" alt="" />

            <p>

                <a href="calendar" style="background-color:#EEF2F7"><img class="image newsImage" src="/images/calendar2.gif" width="84" height="75" alt="Facility Calendar"/></a>

            </p>

            <ul class="listnav">

                <li><a href="calendar/events.php">Events</a></li>

                <li><a href="calendar/visitors.php">Visitors</a></li>

            </ul--> 

            <!-- CONTENT END -->



<!-- CONTENT END --><!-- The Footer -->



<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-15450169-1");

pageTracker._trackPageview();

} catch(err) {}</script>

<?php include($_SERVER['DOCUMENT_ROOT']."/includes/footer.php"); ?>

**jscheuer1** · 04-11-2012, 08:19 PM

If nothing is showing on the site, you have bigger problems than a slideshow.

Later . . .

I just found and looked at the header file and it doesn't have the code on it you say it does. I looked at the root page (index.php I think) and it seems fine and has a working slideshow, so what's the actual problem?

**wavdav911** · 04-12-2012, 06:00 PM

I see one problem right off the bat. --- AMGRF at FSU Earth Day"], --- there should be no thriling comma after the last image. Remove that comma and test it again,

Good luck,

Dave

**Domustyle** · 07-10-2012, 02:28 PM

Have not had luck with my menu with this excellent script. What do I need to modify? Here is the webpage: http://www.miguelavila.com/index-photo1-alt.html

**jscheuer1** · 07-10-2012, 05:21 PM

Add this style to your stylesheet:

Code:

.menu { 
	position: relative;
	z-index: 1003;
}

**Domustyle** · 07-10-2012, 06:06 PM

Unfortunately still the same issue. New style sheet was uploaded. The drop down portion of the menu will not come on over the fadeshow. Appreciate any more help you can offer.