Forum Mjukvara Programmering och digitalt skapande Tråd

Behöver hjälp med HTML och CSS!

1
Skriv svar
Permalänk
Medlem
●

Behöver hjälp med HTML och CSS!

Vet inte vad jag gör! Tar mig vatten över huvudet. Kan någon vänlig och kunnig själ hjälpa mig? Snälla.

Det jag vill göra är att det ska fada in och ut mellan tre olika bilder, på vardera sida.

Såhär ser det ut för mig:

<html>
<head>

<!--- nedanför är script för fade in-fadeout bilder hej hej hej hej -->
<style>
#pic1, #pic2 {
position:absolute;
display: none;
}

#pics {
width:264px;
height:395px;
}
</style>

<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$('#pic1').fadeIn(1500).delay(3500).fadeOut(1500);
$('#pic2').delay(5000).fadeout(1500);
$('#pic3').delay(5000).fadeIn(1500);
});
</script>

<!--- Här slutar fadeinout bilder script grej hejhejhej -->
</head>
<body>

<table border="1" bordercolor="red" width="100%">
<tr>
<td>

<center>
<div id="pics1">
<img src="http://imageshack.us/a/img819/6534/red5y.png" width="264" height="395" id="pic1" />
<img src="http://imageshack.us/a/img502/6087/red4m.png" width="264" height="395" id="pic2" />
<img src="http://imageshack.us/a/img803/8998/red1z.png" width="264" height="395" id="pic3" />
</div>
</center>

</td>

<td>
<center> <img src="http://img12.imageshack.us/img12/9471/loggayb.png" height="100%" width="75%"> </center>
</td>

<td>
<center>
<div id="pics2">
<img src="http://imageshack.us/a/img819/1751/red3pi.png" width="264" height="395" id="pic4" />
<img src="http://imageshack.us/a/img827/7509/red3b.png" width="264" height="395" id="pic5" />
<img src="http://imageshack.us/a/img707/2598/red2h.png" width="264" height="395" id="pic6" />
</center>
</td>

</td>
</tr>
</table>
</body>
</html>

Visa signatur

Lista på min dator och kringutrustning hittar du HÄR
Citera för svar! Beskök gärna min Youtubekanal! Där lägger jag upp musik jag skapar!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jadu, det ser ut som ett stavfel till att börja med

$('#pic2').delay(5000).fadeOut(1500);

Sen så körs ditt script bara en gång så du bör nog skapa en funktion som du kan kalla på flera gånger. Annars kan du kika lite på http://www.w3schools.com/css3/css3_animations.asp som löser det du är efter fast på ett annat sätt.

Försök även undvika tables när du strukturerar upp din sida, <div> eller de nya semantiska taggarna i html5 är att föredra

Lycka Till!

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara