website beoordeling/tip

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="main.css" rel="stylesheet" />
<link href="menu.css" rel="stylesheet" />
<title>HamBouw - Home</title>
<script type="text/javascript">

<!--
var image1=new Image()
image1.src="img/foto.png"
var image2=new Image()
image2.src="img/huisje.jpg"
var image3=new Image()
image3.src="img/huisss.jpg"
var image4=new Image()
image4.src="img/foto.png"
var image5=new Image()
image5.src="img/huisje.jpg"
var image6=new Image()
image6.src="img/huisss.jpg"
var image7=new Image()
image7.src="img/foto.png"
var image8=new Image()
image8.src="img/huisje.jpg"
var image9=new Image()
image9.src="img/huisss.jpg"
var image10=new Image()
image10.src="img/foto.png"
//-->

</script>
</head>
<body>

<div class="container">
    <div class="background">

        <div class="header">
        
            <div class="logo">
                <img src="img/logo.png" />
            </div>
            
            <div class="menu">
            
                <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="about.php">Over Ons</a></li>
                <li><a href="werk.php">Werk</a></li>
                <li><a href="tarieven.php">Tarieven</a></li>
                <li><a href="contact.php">Contact</a></li>
                </ul>
            
            </div>
        
        </div>
        
        <div class="slider">
        
            <img src="img/foto.png" name="slide" width="800" height="380" />
            <script>
            <!--

                var step=1
                function slideit(){
                    
                    if (!document.images)
                    return
                    document.images.slide.src=eval("image"+step+".src")
                    
                        if (step<10)
                        step++
                        else
                        step=1
                
                    setTimeout("slideit()",2500)
                }
slideit()
//-->
</script>
        
        </div>
        
        <div class="content">
        
            <div class="contentbox">
            
                <h2>BEDRIJF</h2>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula tincidunt adipiscing. Aenean suscipit tortor blandit nisl ornare tincidunt. Quisque vel turpis mauris.  ullamcorper, massa nisi luctus felis, sit amet blandit urna augue at eros. Suspendisse pharetra euismod 
            
            </div>
            
            <div class="contentbox">
            
                <h2>RENOVATIE</h2>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula tincidunt adipiscing. Aenean suscipit tortor blandit nisl ornare tincidunt. Quisque vel turpis mauris.  ullamcorper, massa nisi luctus felis, sit amet blandit urna augue at eros. Suspendisse pharetra euismod 
            
            </div>
            
            <div class="contentbox">
            
                <h2>CONTACT</h2>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula tincidunt adipiscing. Aenean suscipit tortor blandit nisl ornare tincidunt. Quisque vel turpis mauris.  ullamcorper, massa nisi luctus felis, sit amet blandit urna augue at eros. Suspendisse pharetra euismod 
            
            </div>
        
        </div>
        
        <div class="footer">
        
            2013 &copy; HAMBOUW.
        
        </div>

    </div>
</div>

</body>
</html>

Ja... prachtige code. Erg artistiek enzo...

Ergo... zo stel je toch geen vraag

weet iemand een vebetering en wil dit toeplaatsen in de script?

Nee, ikke dom zijn en niet snappe. Zelf al hebbe geprobeerd doen?

@ Aarclay

Schrijf gewoon je eigen OOP-class...

$(document).ready(function() {
    // pas dit aan...
    var seconden = 4000;
    // fast, slow, of milliseconden
    var duurEffect = "fast";
    var images = { "slide1", "slide2", "enzovoort" };

    // globale variabelen
    var huidigeSlide = 1;

    var slider = {  
        slideVooruit: function() {
             $("img." + huidigeSlide").hide(duureffect);
             huidigeSlide++;
            // ...
        }

        slideAchteruit: function() {
             huidigeSlide--;
             $("div." + huidigeSlide").hide(duureffect);
            // ...
        }
    }  
    
    var sliderInstantie = new slider();
    setTimeout(sliderInstantie.SlideVooruit(), seconden);
}

<div class="1">Dit is slide1.</div>
<div class="2">Dit is slide2.</div>

...

Maartenf schreef:

Schrijf gewoon je eigen OOP-class...

$(document).ready(function() {
    // pas dit aan...
    var seconden = 4000;
    var images = { "slide1", "slide2", "enzovoort" };

    // globale variabelen
    var huidigeSlide = 1;

    var slider = {  
        slideVooruit: function() {
             $("img." + huidigeSlide").hide("fast");
             huidigeSlide++;
            // ...
        }

        slideAchteruit: function() {
             huidigeSlide--;
             $("div." + huidigeSlide").hide("fast");
            // ...
        }
    }  
    
    var sliderInstantie = new slider();
    setTimeout(sliderInstantie.SlideVooruit(), seconden);
}

<div class="1">Dit is slide1.</div>
<div class="2">Dit is slide2.</div>

...

dankje en hoe word hij dan?

Het bovenstaande is verre van af. Het is aan jou om het verder uit te schrijven. Dit is een goede class om mee te starten.

Veels te complex voor je.....
Wil je het makkelijk doen. Download jquery cycle en bouw het in.

Tralalalalala...

http://mypicpals.com/

Zeker een JAVA of Flash object? Dat is gewoon oude meuk.
Leuk voor 10 jaar terug....

Idd is dit echt oud. Nieuwe websites maken gebruik van de Javascript bibliotheek jQuery. Er bestaan duizenden tutorials over dit onderwerp...

Ook tools, scripts, foras... Ik zie niet in waarom je je huidige script zou willen behouden?

Dus google eens naar jQuery slider.

dit heeft keffe voor me gemaakt hoor?

Heb je al naar die cycle gekeken?

Als je echt je script wil behouden, zal je een tweede scriptje moeten schrijven...
Je kan bv. de functie setTimeOut() gebruiken en de opacity telkens wat lager zetten, maar dat gaat het echt niet winnen van jQuery.

Zelfs Google maakt gebruik ervan...