PDA

View Full Version : java script and Jquery slide viewer Help.



soumya
01-29-2010, 05:51 AM
hi Friends please some one help me customize this slide viewer with 15 images for me please. They gave every thing there. Am not good at javascipt and jquery. please help me.

regards
soumya

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

Nile
01-29-2010, 09:51 PM
Just do this for every time you need to insert an iamge:


<li><img src="picts/05.jpg" alt="my r/c helicopter crashing..." /></li>

kevgroat
06-24-2010, 09:40 PM
same program,
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

I just don't know what I'm supposed to do to get jquery slideviewer running. It says you need to download jQuery http://jquery.com/
and jQuery easing
http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js
to run. How do plug everything in to make it work? I need to save a js file of jQuery and refer to it?

Here's the site i want it on:
http://www.accentincorporated.net/

and i want to place it 'HERE!!!' in the body. code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Accent Painting &amp; Home Services | Work</title>
<script type="text/javascript">
<!--
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_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_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">
<!--
body {
background-color: #000000;
margin: 0px;
}
-->
</style></head>

<body onload="MM_preloadImages('../images/home_ROLL_10.gif','../images/home_ROLL_11.gif','../images/home_ROLL_12.gif','../images/home_ROLL_13.gif','../images/home_ROLL_14.gif','../images/home_ROLL_98.gif','../images/home_ROLL_99.gif','../images/home_ROLL_100.gif','../images/home_ROLL_101.gif','../images/home_ROLL_102.gif')">
<table width="1403" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<!--DWLayoutDefaultTable-->
<tr>
<td height="138" colspan="4" valign="top" bgcolor="#000000"><img src="../images/home_01.gif" width="19" height="70" /><a href="index.html"><img src="../images/home_02.gif" width="316" height="70" border="0" /></a><img src="../images/home_03.gif" width="444" height="70" /><img src="../images/home_04.gif" width="252" height="70" /><img src="../images/home_05.gif" width="32" height="70" /><img src="../images/home_06.gif" width="95" height="70" /><img src="../images/home_07.gif" width="118" height="70" /><br />
<img src="../images/home_08.gif" width="19" height="32" /><img src="../images/home_09.gif" width="243" height="32" /><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../images/home_ROLL_10.gif',1)"><img src="../images/home_10.gif" alt="HOME" name="Image8" width="150" height="32" border="0" id="Image8" /></a><a href="work.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','../images/home_ROLL_11.gif',1)"><img src="../images/home_11.gif" alt="Work" name="Image9" width="145" height="32" border="0" id="Image9" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','../images/home_ROLL_12.gif',1)"><img src="../images/home_12.gif" alt="About Accent" name="Image10" width="143" height="32" border="0" id="Image10" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','../images/home_ROLL_13.gif',1)"><img src="../images/home_13.gif" alt="Contact" name="Image11" width="156" height="32" border="0" id="Image11" /></a><a href="comments.html"><img src="../images/home_14.gif" alt="Comments" name="Image12" width="207" height="32" border="0" id="Image12" onmouseover="MM_swapImage('Image12','','../images/home_ROLL_14.gif',1)" onmouseout="MM_swapImgRestore()" /><img src="../images/home_15.gif" width="95" height="32" border="0" /><img src="../images/home_16.gif" width="118" height="32" border="0" /><br />
<img src="../images/home_17.gif" width="149" height="36" border="0" /><img src="../images/home_18.gif" width="113" height="36" border="0" /><img src="../images/home_19.gif" width="150" height="36" border="0" /><img src="../images/home_20.gif" width="60" height="36" border="0" /><img src="../images/home_21.gif" width="147" height="36" border="0" /><img src="../images/home_22.gif" width="61" height="36" border="0" /><img src="../images/home_23.gif" width="201" height="36" border="0" /><img src="../images/home_24.gif" width="150" height="36" border="0" /><img src="../images/home_25.gif" width="32" height="36" border="0" /><img src="../images/home_26.gif" width="95" height="36" border="0" /><img src="../images/home_27.gif" width="118" height="36" border="0" /></a></td>
<td width="4">&nbsp;</td>
</tr>
<tr>
<td width="149" height="124" valign="top" bgcolor="#000000"><img src="../images/home_28.gif" width="19" height="62" /><img src="../images/home_29.gif" width="130" height="62" /><br /></td>
<td width="1039" rowspan="2" valign="top" bgcolor="#000000">
<!--HERE!!!
DWLayoutEmptyCell-->&nbsp;</td>
<td width="88">&nbsp;</td>
<td width="168">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="324">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

<tr>
<td height="121" colspan="3" valign="top"><img src="../images/home_91.gif" width="149" height="22" /><img src="../images/home_92.gif" width="214" height="22" /><img src="../images/home_93.gif" width="668" height="22" /><img src="../images/home_94.gif" width="32" height="22" /><img src="../images/home_95.gif" width="213" height="22" /><br />
<img src="../images/home_96.gif" width="363" height="38" /><img src="../images/home_97.gif" width="203" height="38" /><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image38','','../images/home_ROLL_98.gif',1)"><img src="../images/home_98.gif" alt="Home" name="Image38" width="74" height="38" border="0" id="Image38" /></a><a href="work.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image39','','../images/home_ROLL_99.gif',1)"><img src="../images/home_99.gif" alt="Work" name="Image39" width="74" height="38" border="0" id="Image39" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image40','','../images/home_ROLL_100.gif',1)"><img src="../images/home_100.gif" alt="About Accent" name="Image40" width="80" height="38" border="0" id="Image40" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image41','','../images/home_ROLL_101.gif',1)"><img src="../images/home_101.gif" alt="Contact" name="Image41" width="99" height="38" border="0" id="Image41" /></a><a href="comments.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image42','','../images/home_ROLL_102.gif',1)"><img src="../images/home_102.gif" alt="Comments" name="Image42" width="138" height="38" border="0" id="Image42" /></a><img src="../images/home_103.gif" width="32" height="38" /><img src="../images/home_104.gif" width="95" height="38" /><img src="../images/home_105.gif" width="118" height="38" /><br />
<img src="../images/home_106.gif" width="566" height="10" /><img src="../images/home_107.gif" width="497" height="10" /><img src="../images/home_108.gif" width="95" height="10" /><img src="../images/home_109.gif" width="118" height="10" /><br />
<img src="../images/home_110.gif" width="19" height="22" /><img src="../images/home_111.gif" width="243" height="22" /><img src="../images/home_112.gif" width="304" height="22" /><img src="../images/home_113.gif" width="497" height="22" /><img src="../images/home_114.gif" width="95" height="22" /><img src="../images/home_115.gif" width="118" height="22" /><br />
<img src="../images/home_116.gif" width="19" height="14" /><a href="http://www.kevingroat.com/" target="_blank"><img src="../images/home_117.gif" width="243" height="14" border="0" /></a><img src="../images/home_118.gif" width="101" height="14" /><img src="../images/home_119.gif" width="700" height="14" /><img src="../images/home_120.gif" width="95" height="14" /><img src="../images/home_121.gif" width="118" height="14" /><br />
<img src="../images/home_122.gif" width="1276" height="15" /></td>
<td>&nbsp;</td>
<td></td>
</tr>
</table>
</body>
</html>



Sorry I'm an amateur!
THANK YOU!