13 svar · 345 visningar · startad av Qimen
Hej
Hur gör man så att en besökare kan trycka på en pil som pekar åt höger och "bläddra" fram olika bilder och sedan bläddra tillbacka med en pil som pekar åt vänster. Sedan ska man kunna göra det med 3 bilder och sedan ska värdena skickas i ett forumlär. T.ex. med värdena 1a, 1b och 1c (att det är bild ett i kategori a,b,c).
Hur gör man detta? och kan man på nått sätta slumpa fram bilderna från en specifik mapp. Så att det finns mapp a, b och c
Hoppas det inte är för krångligt. :OO
Jag förstår inte riktigt!
Vill du spara det i en databas?
Varför skall värdena heta 1a, 1b osv och inte filnamnen?
Skall den första filen i mappen a heta 1a och den andra filen 2a?
Vi måste i vilket fall som helst kunna visa bilderna på bläddersidan.
Slupa fram bilderna och bläddra är inga problem.
asså jag spara värdena för varje medlem typ i en databas. och om jag då har en mapp som heter "bilar" med bilder som heter a1. Sedan när jag ska hämta filerna så lägger jag bara till .gif i namnet. Att det heter just a är att det är första mappen av tre. Du kan kolla på https://www.playdo.com där hur man väljer en egen gubbe. :)
Lite kod:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
bilder = new Array("a1","a2","b1","b2");
//--This is one of many scripts which are available at: *---
//--http://www.JavaScript.nu/javascript *---
//--This script is FREE, but you MUST let these lines *---
//--remain if you use this script. *---
function andra_innehall(txt) //Ändrar texten
{
if (document.all)
{
document.all["bildVisa"].innerHTML=txt; //Explorer har denna hierarki
}
else if (document.layers)
{
document["bildVisa"].document.open();
document["bildVisa"].document.write(txt); //Netscape 4 har denna hierarki
document["bildVisa"].document.close();
}
else if (document.getElementById)
{
document.getElementById("bildVisa").innerHTML=txt; //Netscape 6 har denna hierarki
}
}
function visaBild(bild) {
andra_innehall('<img src="'+bild+'">');
document.formen.bilden.value=bild;
}
//-->
</SCRIPT>
</head>
<body>
<div id=bildVisa></div>
<input type=button value=" < " onclick="if(i==0) visaBild(bilder[--i]); else alert('Detta är den första bilden!'); ">
<input type=button value=" > " onclick="if(i==bilder.lenght-1) visaBild(bilder[++i]); else alert('Detta är den sista bilden!'); ">
<form name=formen action="sida.asp" method=post>
<input type=hidden name=bilden>
<input type=submit value="Skicka / Spara">
</form>
</body>
</html>
Puuu :x :x :x
Hum tack det var iaf nått på vägen. Men var kommer gif bilderna in då? förstår inte riktígt. oki jag kanske inte är så hemma just på detta men.
Jag får felmeddelande. Om att 'i' or oidentifierad. Även när sidan startas syns inga bilder.
Jag menade att i scriptet så kan den hämta bilderna som vanligt, inte utan *.ändelse och så att man inte behöver lägga till det:
andra_innehall('<img src="'+bild+'">');
Så att när den hämtar bilden kommer ändelsen med auto.
Men sedan när det ska in i databasen ska den bara lägga till namnet utan ändelse.
Sen en sak till, var ska den få bilderna ifrån? :q
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
i=0;
bilder = new Array("a1","a2","b1","b2");
//--This is one of many scripts which are available at: *---
//--http://www.JavaScript.nu/javascript *---
//--This script is FREE, but you MUST let these lines *---
//--remain if you use this script. *---
function andra_innehall(txt) //Ändrar texten
{
if (document.all)
{
document.all["bildVisa"].innerHTML=txt; //Explorer har denna hierarki
}
else if (document.layers)
{
document["bildVisa"].document.open();
document["bildVisa"].document.write(txt); //Netscape 4 har denna hierarki
document["bildVisa"].document.close();
}
else if (document.getElementById)
{
document.getElementById("bildVisa").innerHTML=txt; //Netscape 6 har denna hierarki
}
}
function visaBild(bild) {
andra_innehall('<img src="'+bild+'.gif">');
document.formen.bilden.value=bild;
}
//-->
</SCRIPT>
</head>
<body>
<div id=bildVisa></div>
<input type=button value=" < " onclick="if(i==0) visaBild(bilder[--i]); else alert('Detta är den första bilden!'); ">
<input type=button value=" > " onclick="if(i==bilder.lenght-1) visaBild(bilder[++i]); else alert('Detta är den sista bilden!'); ">
<form name=formen action="sida.asp" method=post>
<input type=hidden name=bilden>
<input type=submit value="Skicka / Spara">
</form>
</body>
</html>
Testa att köra den koden.
Namnen på bilderna utan ändelsen(.gif) ligger i den här Arrayen:
bilder = new Array("a1","a2","b1","b2");
Namnen på bilderna(utan .gif) kommer att skickas till sida.asp där du kan hämta dem med:
Request.Form("bilden") (är det tänkt...)
Det funkar nog bättre nu men inte korrekt. Bilderna som den hämtar liger väl i samma mapp som html filen? jag provade att lägga till en bild i den mappen med namn a1.gif och det funkade inte. Den laddar helt enkelt inte någonbild. Men trycker jag på nästa bild knappen så kommer det upp att det inte finns fler bilder. Och trycker man på bakåt knappen kommer det upp en misslyckad bild (kryss i) och högerklickar man på den så står filnamnet "undefined.gif".
:q
Kanske har det nått att göra med att det står:
bilder= a1....
och längre ned står det att den ska hämta bilden "bild"+.gif typ
En liten modifiering...
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
var tut
i=0;
bilder = new Array("a1","a2","b1","b2");
//--This is one of many scripts which are available at: *---
//--http://www.JavaScript.nu/javascript *---
//--This script is FREE, but you MUST let these lines *---
//--remain if you use this script. *---
function andra_innehall(txt) //Ändrar texten
{
if (document.all)
{
document.all["bildVisa"].innerHTML=txt; //Explorer har denna hierarki
}
else if (document.layers)
{
document["bildVisa"].document.open();
document["bildVisa"].document.write(txt); //Netscape 4 har denna hierarki
document["bildVisa"].document.close();
}
else if (document.getElementById)
{
document.getElementById("bildVisa").innerHTML=txt; //Netscape 6 har denna hierarki
}
}
function visaBild(bild) {
tut=bilder.length;
andra_innehall('<img src="'+bild+'.gif">');
document.formen.bilden.value=bild;
}
//-->
</SCRIPT>
</head>
<body>
<div id=bildVisa></div>
<input type=button value=" < " onclick="if(i==0) alert('Detta är den första bilden!'); else visaBild(bilder[--i]); ">
<input type=button value=" > " onclick="if(i==tut-1) alert('Detta är den sista bilden!'); else visaBild(bilder[++i]); ">
<form name=formen action="sida.asp" method=post>
<input type=hidden name=bilden>
<input type=submit value="Skicka / Spara">
</form>
</body>
</html>
Oki nu blev det bättre och det funkar när man trycker på pilarna men när sidan startas så laddas inte den första bilden? varför det, den ska typ komma fram automatiskt. :l
<body onload="visaBild(bilder[0])">
Tack nu funkar det. Men går det att få pilarna bredvid bilden istället för under?
Det är bara att flytta dem med vanlig HTML!
Gör en tabell med två kolumner.
;)