...

View Full Version : need help for simple easyslider



shakac
03-10-2012, 04:34 PM
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

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">

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

</div>


</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


<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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum