Results 1 to 1 of 1

Thread: Dynamic Ajax Content & Blending Image Slideshow

  1. #1
    Join Date
    Apr 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Dynamic Ajax Content & Blending Image Slideshow

    1) Script Title: Dynamic Ajax Content & Blending Image Slideshow

    2) Script URL (on DD):1. http://www.dynamicdrive.com/dynamici...jaxcontent.htm 2. http://www.dynamicdrive.com/dynamicindex14/image4.htm

    3) Describe problem: I have inserted both these scrips into my page. Works on local browser but does not work on internet server. I sometimes get errors , 'ie' undefined or 'document.images.slide.filters' null or undefined. as the script is now works fine in local browser. Cant seem to get the two to work together. http://www.salisburybeachhome.com
    The ajax works good in both scenerios (local or internet).

    Any help would be appreciated. I had searched through the forum and could not find anything simmilar.

    <head>
    <title>Plover Shores Salisbury Beach</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/dynamicajaxpage.js"></script>
    <script language="JavaScript1.1">
    <!--

    //*****************************************
    // Blending Image Slide Show Script-
    // &#169; Dynamic Drive (www.dynamicdrive.com)
    // For full source code, visit http://www.dynamicdrive.com/
    //*****************************************

    //specify interval between slide (in mili seconds)
    var slidespeed=3000

    //specify images
    var slideimages=new Array("house_pics/rot_ocean.jpg","house_pics/rot_beach_side_pd_1.jpg","house_pics/rot_beach_side_1.jpg","house_pics/rot_beach_side_pd_2.jpg","house_pics/rot_beach_side_2.jpg","house_pics/rot_beach_side_pd_3.jpg","house_pics/rot_beach_side_3.jpg")

    //specify corresponding links
    var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.com")

    var newwindow=1 //open links in new window? 1=yes, 0=no

    var imageholder=new Array()
    var ie=document.all
    for (i=0;i<slideimages.length;i++){
    imageholder[i]=new Image()
    imageholder[i].src=slideimages[i]
    }

    function gotoshow(){
    if (newwindow)
    window.open(slidelinks[whichlink])
    else
    window.location=slidelinks[whichlink]
    }

    //-->
    </script>
    <script language="JavaScript1.1" src="js/pollcont.js" ></script>

    </head>

    <body>

    <table id="container" cellpadding=0 cellspacing=0>

    <tr><td><img src="images/container-top.gif" height="12" /></td></tr>
    <tr>
    <td id="logoBox"><div id="blankLink"><img src="images/blank.gif" width=240 height=37 border=0 /></div>
    <div id="subNav">
    <ul>
    <li><a href="javascript:ajaxpage('p_cont.html', 'contentarea');">Contact
    Us</a></li>
    </ul>
    </div></td>
    </tr>


    <tr>
    <td >
    <table cellspacing="0" cellpadding="0" id="home-links" >
    <tr><td>
    <div id="globalNav">
    <ul>
    <li ><a href="javascript:ajaxpage('p_home.html', 'contentarea');">Home</a></li>
    <li ><a href="javascript:ajaxpage('p_area.html', 'contentarea');">Area</a></li>
    <li ><a href="javascript:ajaxpage('p_demo.html', 'contentarea');">Demographics</a></li>
    <li ><a href="javascript:ajaxpage('p_loc.html', 'contentarea');">Location</a></li>
    </ul>
    </div>
    </td></tr>
    </table>
    </td>
    </tr>


    <!-- SEARCH -->


    <tr><td>

    <table id="search" cellspacing="0" cellpadding="0" border="0" align="center">
    <tr>
    <td>WELCOME</td>
    <td id="call">Call for information: 843-875-2354</td>
    </tr>
    </table>


    </td></tr>


    <tr><td><img src="images/spacer.gif" height="8" /></td></tr>
    <tr><td>
    <!-- All Content -->
    <div>

    <table border="0" cellspacing="0" cellpadding="0" id="adspace">

    <tr valign="top">
    <td id="homeNav">
    <table cellpadding="0" cellspacing="0" border="0">
    <tr><td><img src="images/plover_header.gif" /></td></tr>
    <tr><td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="237" height="207" id="plover" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="media/plover.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#cccccc" />
    <embed src="media/plover.swf" quality="high" bgcolor="#cccccc" width="237" height="207" name="plover" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object></td></tr>
    <tr><td><img src="images/plover_footer.gif" /></td></tr>
    </table>
    </td><td><img src="images/blank.gif" width="10" /></td>
    <td valign="top" align="center" rowspan="3">
    <table cellpadding="0" cellspacing="0">
    <tr>
    <td width="490" height="380" valign="top">

    <div id="contentarea">
    <script type="text/javascript">ajaxpage('p_home.html', 'contentarea') //load "p_home.html" into "contentarea" DIV
    </script>
    <script language="JavaScript1.1">//*****************************************
    // Blending Image Slide Show Script-
    // &#169; Dynamic Drive (www.dynamicdrive.com)
    // For full source code, visit http://www.dynamicdrive.com/
    //*****************************************



    var whichlink=0
    var whichimage=0
    var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
    function slideit(){
    if (!document.images) return
    if (ie) document.images.slide.filters[0].apply()
    document.images.slide.src=imageholder[whichimage].src
    if (ie) document.images.slide.filters[0].play()
    whichlink=whichimage
    whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
    setTimeout("slideit()",slidespeed+blenddelay)
    }
    slideit()</script>
    </div></td>
    </tr>

    <tr><td colspan=2 align="center">
    <table cellpadding="0" cellspacing="0" id="smallPromoTable">
    <tr>
    <td valign=top >
    <!-- Image Promotion -->
    <table class="smallPromoImageTable" cellspacing="0" cellpadding="0">
    <tr>
    <td class="smallPromoImageTableTd"><img src="house_pics/beach_side_pd_1.gif" /></td>
    </tr>
    </table>
    </td>
    <td class="smallPromoVertSpace">&nbsp;</td>
    <td valign=top >
    <!-- Image Promotion -->
    <table class="smallPromoImageTable" cellspacing="0" cellpadding="0">
    <tr>
    <td class="smallPromoImageTableTd"><img src="house_pics/beach_side_pd_2.gif" width="140" height="98" alt="" /></td>
    </tr>
    </table>
    </td>
    <td class="smallPromoVertSpace">&nbsp;</td>
    <td valign=top >
    <!-- Image Promotion -->
    <table class="smallPromoImageTable" cellspacing="0" cellpadding="0">
    <!--DWLayoutTable-->

    <tr>
    <td class="smallPromoImageTableTd"><img src="house_pics/beach_side_pd_3.gif" width="140" height="98" alt="" /></td>
    </tr>
    </table>
    </td>

    </tr>
    </table>

    </td></tr>
    </table>
    </td>
    </tr>

    <tr><td><img src="images/spacer.gif" height="8" /></td></tr>

    <tr valign="bottom">
    <td valign="top">


    <table cellpadding="0" cellspacing="0" border="0" width="237">
    <tr><td class="weatherHeader"><a href="#">Photos</a></td></tr>
    <tr><td class="weatherbkg"><img src="images/spacer.gif" height="10" /></td></tr>
    <tr align="middle"><td class="weatherbkg"><div id="wx_module_3571">
    <a href="http://www.weather.com/weather/local/USMA0361">Salisbury Weather Forecast, MA</a>
    </div>

    <script type="text/javascript">

    /* Locations can be edited manually by updating 'wx_locID' below. Please also update */
    /* the location name and link in the above div (wx_module) to reflect any changes made. */
    var wx_locID = 'USMA0361';

    /* If you are editing locations manually and are adding multiple modules to one page, each */
    /* module must have a unique div id. Please append a unique # to the div above, as well */
    /* as the one referenced just below. If you use the builder to create individual modules */
    /* you will not need to edit these parameters. */
    var wx_targetDiv = 'wx_module_3571';

    /* Please do not change the configuration value [wx_config] manually - your module */
    /* will no longer function if you do. If at any time you wish to modify this */
    /* configuration please use the graphical configuration tool found at */
    /* https://registration.weather.com/ursa/wow/step2 */
    var wx_config='SZ=180x150*WX=FHW*LNK=SSNL*UNT=F*BGI=boat*MAP=null|null*DN=salisburybeachhome.com*TIER=0*PID=1037142936*MD5=e2854c18928934668dc5f066b76020c6';

    document.write('<scr'+'ipt src="'+document.location.protocol+'//wow.weather.com/weather/wow/module/'+wx_locID+'?config='+wx_config+'&proto='+document.location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>');
    </script></td></tr>
    <tr><td class="weatherbkg"><img src="images/spacer.gif" height="10" /></td></tr>
    <tr><td><img src="images/weather_footer.gif" /></td></tr>
    </table>


    </td>
    </tr>


    </table>

    </div>

    </td></tr>
    <tr><td>

    <table align="center" cellpadding="0" cellspacing="0" border=0 class="copyrightTable">
    <tr>
    <td>
    <table class="bottomlinks" cellpadding="0" cellspacing="0" ID="Table2">
    <tr>
    <td valign="top" class="BottomLinkColumn">
    <a href="#">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">Terms and Conditions</a>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr><td align=right class="ploverlogocolumn"><img src="images/logo_small.jpg" /></td></tr>
    </table>
    </td></tr>

    <tr><td><img src="images/container-bottom.gif" height="12" /></td></tr>

    <!-- End ubertable-->
    </table>

    <!-- copyright -->
    <table width="765" align="center">
    <tr>
    <td class="CopyRight"><a href="http://www.igraphicsolutions.com">&copy; Copyright 2007 Integrated Graphic Solutions</a></td>
    </tr>
    </table>



    </body>
    </html>
    Last edited by edandrea; 04-30-2007 at 07:59 PM. Reason: adding code

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •