Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Slideshow
Parašė AceN· 2010 Geg. 12 17:05:15
#1
Sveiki.Prireikė slideshow panėlės.Internete susiradau tokia :
<html>
<head>
<title>Simple Slideshow</title>
<script language="JavaScript">
<!--
// Add your pictures to an array called pics
pics = new Array();
// Set the title and file location (URL) of each pics element
// Add as many pictures as you want
// Note that JavaScript arrays start at 0
pics[0] = new Array("Title 1", "your_file_1_url.jpg");
pics[1] = new Array("Title 2", "your_file_2_url.jpg");
pics[2] = new Array("Title 3", "your_file_3_url.jpg");
pics[3] = new Array("Title 4", "your_file_4_url.jpg");
pics[4] = new Array("Title 5", "your_file_5_url.jpg");
// Set the index of the first image (array starts at 0)
var index = 0;
// Increments the picture
function incrementPic() {
index = index + 1;
if (index == pics.length) {
*index = 0;
}
loadPic();
return;
}
// Decrements the picture
function decrementPic() {
index = index - 1;
if (index < 0) {
*index = pics.length - 1;
}
loadPic();
return;
}
// Loads the picture onto the page
function loadPic() {
document.images["pic"].src = pics[index][1];
document.images["pic"].alt = pics[index][0];
return;
}
// -->
</script>
</head>
<body onload="loadPic();">
<p><img name="pic" src="images/spacer.gif" border="0" alt="" /></p>
<p><a href="javascript:decrementPic();">PREV</a> | <a href="javascript:incrementPic();">NEXT</a></p>
</body>
</html>
Klausimas ar ji geras ir veiks.Ją reik iššsaugot į js failą ar iškart į
html tinklapį
Redagavo AceN· 2010 Geg. 12 17:05:33
Parašė nbanba· 2010 Geg. 12 18:05:30
#2
Po velnių, tinginį. Ar taip jau sunku įsidėt į pridėtinius puslapius ir pažiūrėt???
Parašė AceN· 2010 Geg. 12 18:05:56
#3
Po velnių,aš ne ant
php-fusion darau, o
html dizainą ir noriu iterpt šitą scriptą
Nu sakykim geras scriptas.
Turiu
html dabartinį koda toki :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Daja Decor</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
body {
margin: 0px;
padding: 0px;
background: url(dajakarp/Untitled-4.gif) repeat-x left top;
font: 13px Arial, Helvetica, sans-serif;
color: #efde9c;
background: #efde9c;
}
<p><img src="Untitled-4.gif" width="160" height="203"><img border="0" src="images/dajadecor_01.gif" width="900" height="203"><img src="Untitled-4.gif" width="153" height="203"><img src="Untitled-4.gif" width="160" height="58"><img border="0" src="images/dajadecor_02.gif" width="335" height="58"><img border="0" src="images/dajadecor_03.gif" width="88" height="58"><img border="0" src="images/dajadecor_04.gif" width="118" height="58"><img border="0" src="images/dajadecor_05.gif" width="99" height="58"><img border="0" src="images/dajadecor_06.gif" width="89" height="58"><img border="0" src="images/dajadecor_07.gif" width="98" height="58"><img border="0" src="images/dajadecor_08.gif" width="73" height="58"><img border="0" src="Untitled-4.gif" width="153" height="58"><img border="0" src="images/dajadecor_11.gif" width="160" height="31"><img src="images/dajadecor_09.gif" width="37" height="31"><img src="images/dajadecor_10.gif" width="51" height="31"><img src="images/dajadecor_11.gif" width="41" height="31"><img src="images/dajadecor_12.gif" width="52" height="31"><img src="images/dajadecor_13.gif" width="719" height="31"><img src="Untitled-4.gif" width="153" height="31"><img src="Untitled-4.gif" width="160" height="29"><img src="images/dajadecor_15.gif" width="225" height="99"></p>
<p><img src="Untitled-4.gif" width="160" height="29"><img src="images/dajadecor_18.gif" width="201" height="62"></p>
O ta scripta reiktų įterpti kur raudonai apibraukta:
Tai va ten kur apibraukta reeiktų įdėt šitą scripta ( ar įmanoma? ):
<html>
<head>
<title>Simple Slideshow</title>
<script language="JavaScript">
<!--
// Add your pictures to an array called pics
pics = new Array();
// Set the title and file location (URL) of each pics element
// Add as many pictures as you want
// Note that JavaScript arrays start at 0
pics[0] = new Array("Title 1", "your_file_1_url.jpg");
pics[1] = new Array("Title 2", "your_file_2_url.jpg");
pics[2] = new Array("Title 3", "your_file_3_url.jpg");
pics[3] = new Array("Title 4", "your_file_4_url.jpg");
pics[4] = new Array("Title 5", "your_file_5_url.jpg");
// Set the index of the first image (array starts at 0)
var index = 0;
// Increments the picture
function incrementPic() {
index = index + 1;
if (index == pics.length) {
*index = 0;
}
loadPic();
return;
}
// Decrements the picture
function decrementPic() {
index = index - 1;
if (index < 0) {
*index = pics.length - 1;
}
loadPic();
return;
}
// Loads the picture onto the page
function loadPic() {
document.images["pic"].src = pics[index][1];
document.images["pic"].alt = pics[index][0];
return;
}
// -->
</script>
</head>
<body onload="loadPic();">
<p><img name="pic" src="images/spacer.gif" border="0" alt="" /></p>
<p><a href="javascript:decrementPic();">PREV</a> | <a href="javascript:incrementPic();">NEXT</a></p>
</body>
</html>
Redagavo AceN· 2010 Geg. 12 18:05:40
Parašė nbanba· 2010 Geg. 12 18:05:28
#4
Nu tai dėk ne į Pridėtinius puslapius, o į tą .html failą...
Parašė AceN· 2010 Geg. 12 18:05:52
#5
Pažiūrėkit aukščiau postą ,gal kas padės įterpt ;)
Parašė webzlt· 2010 Geg. 12 18:05:41
#6
tipo sunku toki suda pasidaryt <scripta> dedi i <head></head> apacia; <body> taga kopini i <body onload ar pan>; sita dedi kur tau reikia kad rodytu:
<p><img name="pic" src="images/spacer.gif" border="0" alt="" /></p>
<p><a href="javascript:decrementPic();">PREV</a> | <a href="javascript:incrementPic();">NEXT</a></p>
Parašė nbanba· 2010 Geg. 12 18:05:42
#7
Blogiausiu ir paprasčiausiu atveju, įsidėk tą visą kodą (kur pirmame post'e) į naują .html dokumentą ir po to įsiterpt iframe pagalba ten, kur tau reikia.
Parašė AceN· 2010 Geg. 12 19:05:50
#8
m,nelabai gaunas įterpt scripta būtent į tą vietą nu,kad atsirastų jis toi raudonai apibrauktoi vietoi
Parašė webzlt· 2010 Geg. 12 19:05:10
#9
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Daja Decor</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<style>
body {
margin: 0px;
padding: 0px;
background: url(dajakarp/Untitled-4.gif) repeat-x left top;
font: 13px Arial, Helvetica, sans-serif;
color: #efde9c;
background: #efde9c;
}
</style>
<script language="JavaScript">
<!--
// Add your pictures to an array called pics
pics = new Array();
// Set the title and file location (URL) of each pics element
// Add as many pictures as you want
// Note that JavaScript arrays start at 0
pics[0] = new Array("Title 1", "your_file_1_url.jpg");
pics[1] = new Array("Title 2", "your_file_2_url.jpg");
pics[2] = new Array("Title 3", "your_file_3_url.jpg");
pics[3] = new Array("Title 4", "your_file_4_url.jpg");
pics[4] = new Array("Title 5", "your_file_5_url.jpg");
// Set the index of the first image (array starts at 0)
var index = 0;
// Increments the picture
function incrementPic() {
index = index + 1;
if (index == pics.length) {
*index = 0;
}
loadPic();
return;
}
// Decrements the picture
function decrementPic() {
index = index - 1;
if (index < 0) {
*index = pics.length - 1;
}
loadPic();
return;
}
// Loads the picture onto the page
function loadPic() {
document.images["pic"].src = pics[index][1];
document.images["pic"].alt = pics[index][0];
return;
}
// -->
</script>
</head>
<body onload="loadPic();">
<p><img name="pic" src="images/spacer.gif" border="0" alt="" /></p>
<p><a href="javascript:decrementPic();">PREV</a> | <a href="javascript:incrementPic();">NEXT</a></p>
</body>
</html>
ir tipo sunku?
Parašė AceN· 2010 Geg. 12 20:05:08
#10
Nu aš tokį varianta pabandžiau ir kažkaip tarp tų logotipų nu raudonai pažymėta kažkaip prasiskleidė.
Redagavo AceN· 2010 Geg. 12 20:05:47
Parašė AceN· 2010 Geg. 13 18:05:57
#11
kas padės įterpt galėsiu 1lt sms išsiust ,jai kam už hostą reik ;D
Parašė webzlt· 2010 Geg. 13 18:05:46
#12
as tau siulau eit pirma ismokt kaip atrodo
html sandara, nes paprasciausiose vietose grybauji
Parašė AceN· 2010 Geg. 13 18:05:52
#13
Aš labai atsiprašau ,kad toks esu bet bandau išmokt su jūsu pagalba,supranti webz aš sakykim įterpiu koda ir viskasi arba išsitampo,kaip matai paveikslėlį arba ne ten įsiterpia.Viena kart išeina ,kitrus kartus jau mokėsiu
EDIT : Na sakykim turiu slide.html ir ten veikianti slideshow,kaip iframe pagalba man jį įterpt būtent į tą vietą
Redagavo AceN· 2010 Geg. 14 22:05:10
