14 svar · 609 visningar · startad av caze
Hur gör jag för att det ska slumpas fram en bild av t ex 5 valda i denna del:
<table background="bak.jpg"width="723" height="492" align="center" cellSpacing="1" cellPadding="0" bgcolor="000000">
Jag vill alltså att bak.jpg även ska slumpas fram till bak2.jpg, bak3.jpg osv...?
Det går inte att göra med enbart HTML. Du får använda antingen ett klientspråk (JavaScript) eller ett serverspråk (ASP, PHP...)
Om du berättar vilket du föredrar så kan jag flytta tråden.
Javascript tack!
hur ska jag få in:
<script type="text/javascript">
rndimage("bild.gif", 10);
rndimage("bild.gif", 10);
rndimage("bild.gif", 10);
rndimage("bild.gif", 10);
</script>
här:
<table background="bak.jpg"width="723" height="492" align="center" cellSpacing="1" cellPadding="0" bgcolor="000000">
<SCRIPT language="javascript">
<!--
if (document.images)
{
pic0 = new Image(150,150); pic0.src="pic0.gif";
pic1 = new Image(150,150); pic1.src="pic1.gif";
pic2 = new Image(150,150); pic2.src="pic2.gif";
pic3 = new Image(150,150); pic3.src="pic3.gif";
pic4 = new Image(150,150); pic4.src="pic4.gif";
pic5 = new Image(150,150); pic5.src="pic5.gif";
}
function ImgSwap(imgName,imgSrc)
{
if (document.images)
{
document.images[imgName].src = eval(imgSrc + ".src");
}
}
//-->
</SCRIPT>
<SCRIPT language="javascript">
<!--
function random()
{
date = new Date();
var seconds = date.getSeconds();
var someNum = seconds % 6;
return someNum;
}
function random2()
{
var randomNum = Math.round((Math.random()*10))%6;
return randomNum;
}
//-->
</SCRIPT>
<SCRIPT language="javascript">
<!--
function rotatePic()
{
d = new Date();
var s = d.getSeconds();
var r = Math.round((Math.random()*10))%6;
document.rotatingpic.src="pic"+r+".gif";
}
//-->
</SCRIPT>
Sen där du vill visa bilden:
<SCRIPT language="javascript">
<!--
document.write("<IMG src='pic" + random() + ".gif' border=0>");
//-->
</SCRIPT>
Lite lättare i ASP:
<%
Randomize
Response.write("<IMG src='pic_" & int(rnd*5) & ".gif' border=0>")
%>
;)
Om han har tillgång till ASP så är det absolut lättare ;)
Jag undrar fortfarande hur jag ska fin koderna i <table> taggen?
Alltså till frågan som jag inte fått svar på än:
Hur ska jag få in den här kodsnutten i <table background="här!">
<SCRIPT language="javascript">
<!--
document.write("<IMG src='pic" + random() + ".gif' border=0>");
//-->
</SCRIPT>
om jag använder den här i <head> tagen...
<SCRIPT language="javascript">
<!--
if (document.images)
{
pic0 = new Image(150,150); pic0.src="pic0.gif";
pic1 = new Image(150,150); pic1.src="pic1.gif";
pic2 = new Image(150,150); pic2.src="pic2.gif";
pic3 = new Image(150,150); pic3.src="pic3.gif";
pic4 = new Image(150,150); pic4.src="pic4.gif";
pic5 = new Image(150,150); pic5.src="pic5.gif";
}
function ImgSwap(imgName,imgSrc)
{
if (document.images)
{
document.images[imgName].src = eval(imgSrc + ".src");
}
}
//-->
</SCRIPT>
<SCRIPT language="javascript">
<!--
function random()
{
date = new Date();
var seconds = date.getSeconds();
var someNum = seconds % 6;
return someNum;
}
function random2()
{
var randomNum = Math.round((Math.random()*10))%6;
return randomNum;
}
//-->
</SCRIPT>
<SCRIPT language="javascript">
<!--
function rotatePic()
{
d = new Date();
var s = d.getSeconds();
var r = Math.round((Math.random()*10))%6;
document.rotatingpic.src="pic"+r+".gif";
}
//-->
</SCRIPT>
Själv problemet är alltså att jag vill att bilden ska visas här:
<table background="här!" border="0">
Det är bara att ändra lite..
[KOD]
...
document.write("<table background='pic" + random() + ".gif' border=0>");
KOD]
Det borde funka...
Skulle det inte vara lättare att bara gör ngt åt det här hållet:
<script>
bildnamn = "bild.gif";
document.getElementById('ngtid').background = bildnamn;
</script>
<table id="ngtid">
och sen använda radom sakerna ihar gjort ovan.
Jag skulle råda dig att ändra strukturen på meny-tabellen, och sedan utnyttja dig av CSS:
a.meny:link, a.meny:visited {
background: url(bild1.gif);
}
a.meny:hover, a.meny:active {
background: url(bild2.gif);
}
Läs gärna föjande artikel:
http://www.alistapart.com/stories/rollovers/
Det är bara att ändra lite..
Tycker det är svårt ja...
Kan inte någon bara hjälpa mig eftersom det är så lätt, här e koden, hur ska den se ut för att fungera? Alltså om någon kunde skriva den som den ska vara för att den ska fungera... (bilderna är .jpg) Vore jätte schysst... ;)
<html>
<head>
<title>C a r l Z e t e r b e r b e r g</title>
</head>
<body>
<table background="bak.jpg"width="723" height="492" align="center" cellSpacing="1" cellPadding="0" bgcolor="000000">
<tr>
<td>
<br> <IFRAME NAME="huvudram" SRC="me.html" WIDTH="43%" HEIGHT="93%" FRAMEBORDER="0" SCROLLING="auto"></IFRAME></td>
<td></td>
</tr>
<tr height="6%"><td> td></tr>
</table>
</body>
</html>
Ok, eftersom du aldrig tycks få svar på din fråga, så har jag gjort ett förslag här med utgångspunkt av din kod.
Detta script slumpar ej bilder, men det loopar i stället ett antal.
Du har gjort fel i table, där du har både bakrunsbild och bakgrundsfärg angiven, välj ett alt.
Sen har du avslutat en td-tagg felaktigt + att du har en helt tom <td></td> kan väl tas bort.
Denna rad kan också tas bort
<tr height="6%"><td> _ tomrum,syns ej här _ <td></tr>
Dessutom bör du ange tabellen i procenttal, så visas den snarlikt i alla upplösningar t.ex width=98% height=98%
<html>
<head>
<title>C a r l Z e t e r b e r b e r g</title>
<style type=text/css>
<!--
body {font-family:arial,verdana;font-size:18;color:blue;}
-->
</style>
Du kan säkert själv ändra position, storlek, antal, hastighet mm. mm.
<div id="A" style="position:absolute;top:12%;left:46%;visibility:hidden;">
<img src="bild1.jpg" widht=300 height=240>
</div>
<div id="B" style="position:absolute;top:12%;left:46%;visibility:hidden;">
<img src="bild2.jpg" widht=300 height=240>
</div>
<div id="C" style="position:absolute;top:12%;left:46%;visibility:hidden;">
<img src="bild3.jpg" widht=300 height=240>
</div>
<div id="D" style="position:absolute;top:12%;left:46%;visibility:hidden;">
<img src="bild4.jpg" widht=300 height=240>
</div>
<div id="E" style="position:absolute;top:40%;left:50%;visibility:hidden;">
<scr=<td> Inte bara bilder, funkar med text också </td>
</div>
<div id="F" style="position:absolute;top:50%;left:50%;visibility:hidden;">
<td><font color=green>Kan detta bli bra tro? Jag tror nästan det va! </font>
<BR><BR>
<font color=red>Detta går att modifiera ganska mycket, om man vill </font></td>
</div>
<script type="text/javascript">
<!---
var divs=["A","B","C","D","E" ,"F"];
function fade(n,diff,opacity){
id=divs[n];
opacity=(opacity)?opacity:(diff<0)?100:0; opacity+=diff;
if(document.getElementById&&document.all){
document.getElementById(id).style.filter="alpha(opacity="+opacity+")";
}else if(document.getElementById&&!document.all){
document.getElementById(id).style.MozOpacity = opacity/100;
}
document.getElementById(id).style.visibility="visible";
if(opacity>=90){
setTimeout("fade("+n+",-"+diff+","+opacity+");",10);
nn=(n==divs.length-1)?0:n+1;
setTimeout("fade("+nn+","+diff+");",10);
} else if(opacity>0){
setTimeout("fade("+n+","+diff+","+opacity+");",10);
}
}
fade(0,2);
-->
</script>
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<table background="bak.jpg" width="723" height="492" align="center"cellSpacing="1" cellPadding="0" bgcolor="000000">
<tr>
<td>
<br>_ _ <IFRAME NAME="huvudram" SRC="me.html" WIDTH="43%" HEIGHT="93%" FRAMEBORDER="0" SCROLLING="auto"></IFRAME></td>
<td></td>
</tr>
<tr height="6%"><td> _ _ _ <td></tr>
</table>
</body>
</html>