Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New Coder
    Join Date
    Jun 2010
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question need help for simple easyslider

    hello
    coding forums friends please help me
    i got stuck in sliding a slider that from easyslider.
    everything is ok when i individually browse from folder see here http://www.sajeebgroup.com/robin/easyslider/slider.php

    but when i tried to include in a divition in index.php page it do not slide but only one image is show see here right side news update div link is http://www.sajeebgroup.com/

    what problem please help me i really going to frustrated to solve this.
    here is my index.php code with include of easy slide.

    index.php
    PHP Code:
    <?php

        
    include 'news/common/connection.php';

    ?>

    <html>

    <head>
    <title>Welcome to Sajeeb Group</title>
    <style>
            .black_overlay{
                display: none;
                position: absolute;
                top: 0%;
                left: 0%;
                width: 100%;
                height: 150%;
                background-color: #000000;
                z-index:1001;
                -moz-opacity: 0.8;
                opacity:.80;
                filter: alpha(opacity=80);
            }
            .white_content {
                display: none;
                position: absolute;
                top: 55%;
                left: 23%;
                width: 50%;
                height: 50%;
                padding: 16px;
                border: 16px solid orange;
                background-color: white;
                z-index:1002;
                overflow: auto;
            }
        </style>
        <script type="text/javascript" src="swfobject.js"></script> 

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

         <style type="text/css">

            #ticker-container {

            position:relative;

            overflow:hidden;

            width: 170px;

            height: 200px;

            padding-top:10px;   

            color:#000000;

            margin-top:8px;


            }

        

        #ticker {

            position:relative;

            width:150px;

        }


            </style>



                    <script language="JavaScript">

                    function openit(link)

    {

        var url="./news/newsinfo.php?id="+link;

        window.open(url,"mywindow","resizable=0,scrollbars=1,height=400,width=400");

    }



            //scroller width

            var swidth=170;



            //scroller height

            var sheight=205;



            //background color

            var sbcolor='#ccffff';



            //scroller's speed

            var sspeed=3;



            var msg=''        

    <?php

        $str
    ="SELECT * from newsscroll ORDER BY news_id desc";

        
    $res=mysql_query($str) or die("Error in selecting.....");





        while(
    $dataNews=mysql_fetch_row($res))

        {

                 

        do{

            echo 
    "msg+=\"<ul><li><a href=# onclick=openit(\'".$dataNews[0]."\')><font size=2>".$dataNews[1]."</font></a></li><br></ul>\";";

        }while(
    $dataNews=mysql_fetch_row($res));



        }



    ?>



            //End of your messages

            // Begin the ticker code



            var resumesspeed=sspeed

            function start() {

                    if (document.all) iemarquee(ticker);

                    else if (document.getElementById)

                            ns6marquee(document.getElementById('ticker'));

            }

            

            function iemarquee(whichdiv){

                    iediv=eval(whichdiv)

                    sheight += 50;

                    iediv.style.pixelTop=sheight

                    iediv.innerHTML=msg 

                    sizeup=iediv.offsetHeight

                    ieslide()

            }

            

            function ieslide(){

                    if (iediv.style.pixelTop>=sizeup*(-1)){

                            iediv.style.pixelTop-=sspeed

                            setTimeout("ieslide()",100)

                    }

                    else{

                            iediv.style.pixelTop=sheight

                            ieslide()

                    }

            }

            

            function ns6marquee(whichdiv){

                    ns6div=eval(whichdiv)

                    sheight += 50;

                    ns6div.style.top=sheight + "px";

                    ns6div.innerHTML=msg

                    sizeup=ns6div.offsetHeight

                    ns6slide()

            }

            function ns6slide(){

                    if (parseInt(ns6div.style.top)>=sizeup*(-1)){

                            theTop = parseInt(ns6div.style.top)-sspeed

                            ns6div.style.top = theTop + "px";

                            setTimeout("ns6slide()",100)

                    }

                    else {

                            ns6div.style.top = sheight + "px";

                            ns6slide()

                    }

            }


            </script>

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

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_findObj(n, d) { //v4.01

      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

      if(!x && d.getElementById) x=d.getElementById(n); return x;

    }



    function MM_preloadImages() { //v3.0

      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

    }



    function MM_swapImgRestore() { //v3.0

      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

    }



    function MM_swapImage() { //v3.0

      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

    }

    //-->

    </script>

    <style type="text/css">
    <!--
    .gallery {                zoom:1;
                    width:520px;            
    }
    -->
    </style>

            <script type="text/javascript">var LightBoxOpt={autoPlay:false}</script>
            <link rel="stylesheet" href="engine/css/lightbox.css" type="text/css" media="screen" />
            <script src="engine/js/prototype.js" type="text/javascript"></script>
            <script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
            <script src="engine/js/lightbox.js" type="text/javascript"></script>

            <style>
                .gallery {
                    zoom:1;
                    width:700px;                
                }
                .gallery a {
                    display: block ;
                    float:center;
                    margin:5px;
                    padding:5px;
                    height: 150px;
                    border:solid 1px #b8b8b8;
                    background-color:#FFFFFF;
                    opacity:0.87;
                    alignment: center;
            
                }
                .gallery a:hover {
                    opacity:1;
                }
                .gallery a img {
                    border:none;
                    display:block;
                }
                .gallery a#vlightbox{display:none}
            .gallery1 {                zoom:1;
                    width:520px;                
    }
            .gallery2 {                zoom:1;
                    width:520px;                
    }
            .gallery3 {                zoom:1;
                    width:520px;                
    }
            .gallery4 {                zoom:1;
                    width:520px;                
    }
            .gallery5 {                zoom:1;
                    width:520px;                
    }
            .gallery6 {                zoom:1;
                    width:520px;                
    }
            .gallery7 {                zoom:1;
                    width:520px;                
    }
            .gallery8 {                zoom:1;
                    width:520px;                
    }
            .gallery9 {                zoom:1;
                    width:520px;                
    }
            .gallery10 {                zoom:1;
                    width:520px;
                    text-align:center;                
    }
            .style1 {font-family: Arial, Helvetica, sans-serif}
    .style3 {font-size: 12px}
            .gallery11 {                zoom:1;
                    width:520px;                
    }
            .gallery12 {                zoom:1;
                    width:520px;                
    }
            .gallery13 {                zoom:1;
                    width:520px;                
    }
            .gallery14 {                zoom:1;
                    width:520px;                
    }
            .gallery15 {zoom:1;
                    width:520px;            
    }
    .gallery15 {                zoom:1;
                    width:700px;                
    }
    .gallery111 {zoom:1;

    }
    .gallery121 {zoom:1;

    }
    .gallery131 {zoom:1;
                    
    }
            .gallery1111 {zoom:1;
                    
    }
            .gallery1311 {zoom:1;
    }
            .gallery13111 {zoom:1;
    }
    #link_style { text-decoration:none; color:#000000;}
            </style>     

    </head>



    <body background="images/wr_body.gif" 'images/btn%20import%20over.gif','images/btn%20contact%20over.gif','images/btn%20home%20over.gif','images/btn%20link4%20over.gif')">



    <div align="center">

        <table cellpadding="0" cellspacing="0" width="775" height="107">

            <!-- MSTableType="layout" -->

            <tr>

                <td valign="top" width="258">

                <img border="0" src="images/head logo.gif" width="258" height="107"></td>

                <td valign="top" height="107" width="517">

                <img border="0" src="images/head right.gif" width="517" height="107"></td>

            </tr>

        </table>

    </div>

    <div align="center">

        <table cellpadding="0" cellspacing="0" width="775" height="798">

            <!-- MSTableType="layout" -->

            <tr>

                <td width="775" height="798" valign="top">

        <div id="FlashMenuLabs">

            You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br>

            <a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a>            

        </div>

        <script type="text/javascript">

        // <![CDATA[

            var so = new SWFObject("menu.swf", "menu", "774", "35", "8", "#000000");

            so.addParam("wmode", "transparent");

            so.addParam("scale", "noscale");

            so.addParam("salign", "TL");    

            so.write("FlashMenuLabs");

        // ]]>

        </script>

        <table cellpadding="0" cellspacing="0" width="775" height="223">

            <!-- MSTableType="layout" -->

            <tr>

                <td width="775" height="223" valign="top">

                <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="774" height="223">

                    <param name="movie" value="body anim.swf">

                    <param name="quality" value="High">

                    <embed src="body%20anim.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="774" height="223"></object>

                </td>

            </tr>

        </table>

        <table cellpadding="0" cellspacing="0" width="775" height="232" id="table1">

            <!-- MSTableType="layout" -->

            <tr>

                <td valign="bottom" background="images/welcome%20bg.gif">

                <div align="right">

    <table cellpadding="0" cellspacing="0" width="370" height="180">

        <!-- MSTableType="layout" -->

        <tr>

            <td background="images/welcome%20text%20bg.gif" height="180" width="370">

            <div align="center">

    &nbsp;<table cellpadding="0" cellspacing="0" width="346" height="159">

                    <!-- MSTableType="layout" -->

                    <tr>

                        <td width="346" height="159" valign="top" style="text-align:justify;">

                        

                        <font face="Verdana" size="2" color="#203E59">

                        </font></td>

                    </tr>

                </table>

            </div>

            </td>

        </tr>

    </table>

                </div>

                </td>

                <td></td>

                <td valign="top" height="230" background="images/news%20bg.gif">



            <body onload="start();">



            <div id="ticker-container" onmouseover="sspeed=0;" onmouseout="sspeed=resumesspeed">

    [COLOR="Red"]here i want to include slide
            <div id="ticker"> 
            <?php 
            
    include("robin/easyslider/slider.php");
            
    ?>
            </div>

            </div>[/COLOR]


    </div>

            </div>



            </td>

            </tr>

            <tr>

                <td width="563"></td>

                <td width="3"></td>

                <td height="2" width="209"></td>

            </tr>

        </table>

    </div>

    <div align="center">

        <table cellpadding="0" cellspacing="0" width="775" height="230" id="table2">

            <!-- MSTableType="layout" -->

            <tr>

                <td valign="top" background="images/divisions-bg.gif" rowspan="2" width="563">

                <div align="center">

                    <table cellpadding="0" cellspacing="0" width="549" height="169" style="text-align:left;">

                        <!-- MSTableType="layout" -->

                        <tr >

                            <td valign="top" height="32" colspan="2">

                            <p style="margin-left: 10px; margin-top: 10px"><b>

                            <font size="2" face="Verdana" color="#203E59">Group 

                            Capability</font></b></td>

                        </tr>

                        <tr>

                            <td height="137" width="279" valign="top">

                            <ul>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 3px">

    <font face="Verdana" size="2" color="#203E59">

                    <span class="gallery1111"><a href="homepage/sajeeb-group.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Sajeeb Corporation</a></span></font>
                
                                
                                
                                </li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 3px">

    <font face="Verdana" size="2" color="#203E59">

                     <span class="gallery1111"><a href="homepage/sajib-agro.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;" >Sajeeb Agro Limited</a></span></font>
        

    </li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 3px">

                                <font face="Verdana" size="2" color="#203E59">

                                <a href="http://www.ststelecomltd.com/" style="text-decoration: none">

                                <font color="#203E59">STS Telecom Limited</font></a></font></li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 3px">

                                <font face="Verdana" size="2" color="#203E59">
                                <span class="gallery1111"><a href="homepage/hashem-auto.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Hashem Auto Rice Mill</a></span></font></li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 3px">

                                <font face="Verdana" size="2" color="#203E59">

                                <span class="gallery1111"><a href="homepage/chittagong-enamel.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Chittagong Enamel &amp; Aluminium Works Ltd.</a></span></font></li>
                                
                                <li>

                                <p style="margin-top: 6px; margin-bottom: 3px">

                                <font face="Verdana" size="2" color="#203E59">

                                <span class="gallery1111"><a href="homepage/sajeeb-industries.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Sajeeb Industrial Corporation</a></span></font></li>

                            </ul>

                            </td>

                            <td height="137" width="270" valign="top">

                            <ul>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 2px">

                                <font size="2" face="Verdana" color="#203E59">
                                <span class="gallery1111"><a href="homepage/Hasem-foods.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Hashem Foods Limited</a></span></font></li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 2px">

                                <font size="2" face="Verdana" color="#203E59">
                                <span class="gallery1111"><a href="homepage/sajib-home.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Sajeeb Homes Limited</a></span></font></li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 2px">

                                <font size="2" face="Verdana" color="#203E59">

                                <span class="gallery1111"><a href="homepage/mermaid.jpg" rel="lightbox[sample]" style="text-decoration:none; color:#203E59;">Mermaid Sweater  Ltd.</a></span></font></li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 2px">

                                <font size="2" face="Verdana" color="#203E59">

                                <a href="http://www.takaful.com.bd/" style="text-decoration: none">

                                <font color="#203E59">Takaful Islami Insurance 

                                Limited </font></a></font></li>

                                <li>

                                <p style="margin-top: 6px; margin-bottom: 2px">

                                <font size="2" face="Verdana" color="#203E59"><a href="http://www.ststelecomltd.com/" style="text-decoration: none" target="_self"><font color="#203E59">STS 

                                Telecommunications (M) Sdn Bhd</font></a></font></li>
                                
                                <li>

                                <p style="margin-top: 6px; margin-bottom: 2px">

                                <font size="2" face="Verdana" color="#203E59"><a href="http://www.ststelecomltd.com/" style="text-decoration: none" target="_self"><font color="#203E59">

                                Meghna Insurance Company Ltd.
    </font></a></font></li>

                            </ul>

                            </td>

                        </tr>

                    </table>

                </div>

                </td>

                <td></td>

                <td valign="middle" height="115" background="images/message%20bg.gif">

                <div align="right">

                    <table cellpadding="0" cellspacing="0" width="180" height="99">

                        <!-- MSTableType="layout" -->

                        <tr>


                            <td width="180" height="99" valign="middle">
                            <p align="justify" style="margin-left: 5px; margin-right: 8px">
                            <font size="1" face="Verdana" color="#203E59">Welcome 
                            you all in the world of �Sajeeb group of Companies� to 
                            get the taste of modernization and continuous 
                            improvement in the business arena of Bangladesh. (<a href="message.php"><font color="#224562">Read 
                            More&gt;&gt;</font></a>)</font></td>

                        </tr>

                    </table>

                </div>

        </td>

            </tr>

            <tr>

                <td width="3">

                <p style="margin-top: 2px; margin-bottom: 2px"></td>

                <td valign="bottom" height="115" background="images/webmail%20bg.gif" width="209">

                <div align="right">

                    <table cellpadding="0" cellspacing="0" width="180" height="100">

                        <!-- MSTableType="layout" -->

                        <tr>

                            <td width="180" height="100" valign="middle">

                            <form method="POST" action="http://sajeebgroup.com:2096/login/" style="text-align:right; padding-right:4px;">

                                <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

                                <p style="margin-left: 5px; margin-right: 3px; margin-top: 2px; margin-bottom: 2px">

                                <b><font face="Verdana" size="1" color="#203E59">

                                Email :&nbsp;&nbsp;&nbsp;&nbsp; </font></b>

                                <font color="#203E59">

                                <input name="user" type="text" id="user" size="12">
                                </font></p>

                                <p style="margin-left: 5px; margin-right: 3px; margin-top: 2px; margin-bottom: 2px">

                                <b><font face="Verdana" size="1">

                                <font color="#203E59">Password:</font> </font></b>

                                <input name="pass" type="password" id="pass" size="12">
                                <input type="submit" value="Login" name="B1" style="margin-top:2px;">
                                </p>

                            </form>

        </td>

                        </tr>

                    </table>

                </div>

                </td>

            </tr>

        </table>

    </div>

        <table cellpadding="0" cellspacing="0" width="775" height="90">

            <!-- MSTableType="layout" -->

            <tr>

        <td width="775" height="90" valign="middle">

        <table cellpadding="0" cellspacing="0" width="775" height="79">

            <!-- MSTableType="layout" -->

            <tr>

                <td background="images/bottom%20bg%20home.gif" valign="bottom" height="79" width="775">

                <table cellpadding="0" cellspacing="0" width="775" height="75">

                    <!-- MSTableType="layout" -->

    </td>

                    </tr>

                </table>

                </td>

            </tr>

        </table>

        </td>

            </tr>

        </table>

            </tr>

    </body>



    </html>
    slider.php
    PHP Code:
    <html>
    <head>
        <title>Slideshow</title>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/easySlider.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){    
                $("#slider").easySlider({
                    auto: true, 
                    continuous: true
                });
            });    
        </script>
        
    <link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>

    <div id="container">

        <div id="content">
        
            <div id="slider">
                <ul>                
                   <?php
                            error_reporting
    (E_ALL);
                             include(
    "../notice/config.php");
                            
    $query "SELECT id, title,body,name FROM notice";
                            
    $result mysql_query($query);
                            
    $num mysql_num_rows($result);
                            while (
    $row mysql_fetch_assoc($result))
                            {  
    $name $row['name'];
                                 echo 
    "<li><a href='../notice/fullarticle.php?id=$row[id]'><img src='../../kcfinder/upload/.thumbs/images/$name' alt='$name' /></a></li>";
                                 
                            }
                    
    ?>
                </ul>
            </div>
                
        </div>

    </div>

    </body>
    </html>
    please anyone help me
    Last edited by shakac; 03-10-2012 at 03:58 PM.


 

Posting Permissions

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