Ongelmat.org

Moi
Mitenkähän sais ton vaihtuvan kuvan etusivulle, joko vaihtuis kun päivittää selaimen tai ajajoittamalla. Mikä vaan käy. en löytänyt koodia ja itse en kunnolla osaa.
Löytyiskö apua?
Sivut os. www.ilkkaronka.fi

Nyt toimii salasana palautus. Laitan emailitse käymämme keskustelun tähän, jois jollakuulla muullakin on kiinnostusta:

>Kys: Olisin kysynyt että pitääkö luoda erikseen kansio jossa noi kuvat  on? Kyse on siis siitä vaihtuva kuva jutusta. Minulla ei oikein  englanti ole hallussa.
Vas:Voit luoda halutessasi kansion noille kuville, lisäät vain sitten kansion nimen tuohon eteeen eli esim. echo '<img src="kansio/kuva'.$file.'">';


Mulla on css-tiedosto, jossa määritellään toi etukuva niin pitääkö esim index-sivulla tai css-tiedostossa muuttaa jotain jos laiuttaa ton koodin index-sivulle. Tuotahan ei voi  kait laittaa css-tiedostoon? Vai toimiiko vain jos lätkäsen ton koodin index-sivulle ja määrittelen kuvakansioksi css-tiedoston kansion?
Erittäin selkeetä.

SuurKiitos. En olis itse keksinyt. Kokeilenkin tuota heti kun ehdin, mutta nyt menee joku aika kun työt haittaa harrastusta.

Latailin omalle koneelleni nuo tiedostot ja testailin tässä. Oli käynyt pieni lapsus eli align tilalle laitat float ja säädät haluamasi kuva koon css:ään. Esim:

KIITOS. Homma näyttää toimivan. Ainoastaan tökki tossa kuvan koko hommassa, MF:llä ja Operalla ei toiminut, IE:llä sen sijaan toimi. Pienensin kuvat manuaalisesti sopiviksi. Linuxinkin puolella toimii hyvin.
 Olen yrittänyt tuota vaikka miten siinä onnistumatta ja näköjään aika kaukana olin ratkaisusta, tunnustan. Laitoin linkin omilta sivuilta tänne, vaikka sivuillani ei niin hirmuisesti kävijöitä olekaan.

Juuri tuota tarkoitin. Kiitos. Toimii hyvin kaikilla muilla selaimilla  paitsi IE.llä. Laitoin ton koodin ie.css tiedostoon myös tuon sinun ohjeesi mukaan. Olen yrittänyt muokata koodia siinä onnistumatta. No, meikäläisen koodaus kyvyt on aika onnettomat. Mihinkä kohtaan tai mille sivulle tulee laittaa toi javascript-pätkä? Tuleeks se yleensä tohon ie.css-tiedostoon? Olen koettanut eri paikkoihin.  IE kyl pilaa kaiken ilon, damn it.

* {
margin: 0;
padding: 0;
}

body {
background: #CDB79E url("images/sini.JPG") repeat;
text-align: center;
font: normal 11px/18px verdana, arial, tahoma, sans-serif;
color: #333;
padding-top: 40px;
}

a {
color: #666;
text-decoration: underline;
}
#vkuva {
float: right;
height= 300px;
width= 483.5px;
}
a:visited {
text-decoration: underline;
}

a:hover {
color: #000;
}

#header {
width: 700px;
height: 300px;
background: #fff;
}

#wrapper {
width: 700px;
background: #fff url("images/#") repeat-y;
background-position: 0 0;
border: solid 10px #fff;
margin: 0 auto;
text-align: left;
}
h5 {
width: 700px;
height: 30px;
background-color: #959269;
margin: 1px 1px 1px 0;
float: left;
font:  30px/30px verdana, arial, tahoma, sans-serif;
padding-left: 10px;
color: #green;
cursor: default;
}
h1 {
width: 210px;
height: 20px;
background-color: #959269;
margin: 1px 1px 1px 0;
float: left;
font:  30px/30px verdana, arial, tahoma, sans-serif;
padding-left: 10px;
color: #green;
margin-top: 1px;
cursor: default;
}

h1:first-letter {
color: #green;
text-decoration: none;
}


h2 {
width: 490px;
height: 20px;
background-color: #959269;
float: right;
clear: both;
font:  30px/30px verdana, arial, tahoma, sans-serif;
padding-left: 10px;
color: #green;
margin-top: 1px;
cursor: default;
}

#nav {
list-style: none;
z-index: 2;
border-right: 1px solid #fff;
height: 295px;
width: 149px;
}

#nav li a {
color: #fff;
font: normal 11px/24px verdana, arial, tahoma, sans-serif;
display: block;
width: 210px;
height: 24px;
background-color: #000;
border-bottom: 1px solid #fff;
padding-left: 10px;
text-decoration: none;
}

#nav li a:hover {
background-color: #333;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 215px;
top: 0;
display: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul {
margin: 0;
padding: 0;
list-style: none;
width: 215px;
}

li:hover ul, li.over ul {
   display: block; }

#current a {
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}

#sidebar {
width: 212px;
background-color: #ccc;
float: left;
position: relative;

border-top: 1px solid #fff;
font: normal 10px/18px verdana, arial, tahoma, sans-serif;
padding: 8px;
}

img {
border: none;
}

a img {
margin-bottom: 20px;
border: 1px solid #fff;
}

a:hover img {
border-color: #f00;
}

#content {
float: center;
width: 450px;
margin: 10px 0 0 10px;
}

p {
margin-bottom: 20px;
}

p:first-line {
font-weight: none;
}

#footer {
text-align: center;
clear: both;
width: 450px;
margin-left: 163px;
}
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
   (" over", "");
   }
   }
  }
 }
}
window.onload=startList;

Tossa on toi ie.css-tiedosto jossa näkyy miten laitoin noi koodit. Taitaa olla päin p.. kun ei toimi.

Nyt toimii, mutta jää näköjään "päälle" eli kun hiiren siirtää valokuvat osion päältä pois niin alisivut eivät poistu vaan siinä kököttävät kunnes vaikka päivittää sivun niin sitten häviävät. Hyvä kyllä näinkin.