<?php
// -----------------------------------------------------------------
// Origineel: Jarno
// Aanpassingen: Kevin Dierkx
// Aangepast: $Img_ID regel - Vorige verzie telde verder dan 5?
// echo regel - Makkelijkere opmaak nu mogelijk
// Uitgebreiderde uitleg
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// Nieuwe functie.
// Pas "Random_img" aan als je een andere naam voor de functie wilt.
// -----------------------------------------------------------------
function Random_img() {
// -----------------------------------------------------------------
// '$Url' is de url waarnaar de afbeelding verwijst.
// [0] staat er achter zodat je er random links van zou kunnen maken.
// Achter elke link komt dan een ander nummer net als bij $Img
//
// '$Img' is de url waar het plaatje zich bevindt.
// -----------------------------------------------------------------
$Url[0] = "locatie/index.html";
$Img[0] = "locatie/afbeelding.jpg";
$Img[1] = "locatie/afbeelding.jpg";
$Img[2] = "locatie/afbeelding.jpg";
$Img[3] = "locatie/afbeelding.jpg";
$Img[4] = "locatie/afbeelding.jpg";
$Img[5] = "locatie/afbeelding.jpg";
// -----------------------------------------------------------------
// Kies een willekeurig afbeelding met de ID vanaf "0" tot en met "5".
// Indien je ook random URL's gebruikt zal die de zelfde ID als bij de afbeelding uitkiezen.
// -----------------------------------------------------------------
$Img_ID = rand(0,5);
// -----------------------------------------------------------------
// Deze regel krijg je te zien als je bovenstaande functie toevoegd.
// Vervang $Url[0] met $Url[$Img_ID] als je random URL's gebruikt.
// De width en height zijn aangegeven zodat je altijd het volledige klik gebied hebt.
// Zou je afbeelding corrupt zijn zal je altijd nog kunnen klikken.
// !!--> De with en height zijn ingesteld op 150pixels pas dit aan als je een andere grote gebruikt.
// border='0' zorgt er voor dat geen visited en not visited border te zien krijgt, maar alleen de border die bij de <div> is ingesteld.
// De <div> tag is een box die er rond heen zit.
// class='opmaaknaam' geeft de opmaak naam aan die in de *.CSS is aangegeven.
// Zie het *.CSS gedeelte voor meer informatie.
// -----------------------------------------------------------------
echo "<div class='opmaaknaam'><a href=\"". $Url[0] ."\" /><img border='0' width='150px' height='150px' src=\"". $Img[$Img_ID] ."\" /></a /></div>";
}
?>
*.CSS
// -----------------------------------------------------------------
// Voorbeeld CSS door Kevin Dierkx
// -----------------------------------------------------------------
// Plaats dit ergens in je *.CSS
//
// -----------------------------------------------------------------
// div geeft aan dat dit de opmaak is van een <div>
// opmaaknaam is de zelfde naam als bij de class die je hebt aangegeven bij de <div>
// -----------------------------------------------------------------
// border, border-color en margin zijn naar keuze ingesteld.(Niet belangrijk)
// width en height zijn hetzelfde als in het script dit zou je kunnen aanpassen,
// maar let er op dat je afbeelding niet uitrekt.
// -----------------------------------------------------------------
// background-image is een afbeelding naar keuze.
// als een afbeelding corrupt zou zijn zul je deze zien, zo lang als deze ook niet corrupt is.
// background-repeat en background-position zorgen ervoor dat je afbeelding in het midden blijft.
// -----------------------------------------------------------------
div.opmaaknaam {
border: double;
border-color: #444444;
width:150px;
height:150px;
margin: 5px 0 0 25px;
background-image:url(locatie/afbeelding.jpg);
background-repeat:no-repeat;
background-position:center;
}
Index.PHP
<!-- Plaats dit helemaal boven aan van je index.php waar je je nieuwe functie wil gebruiken.
Spreekt voor zich neem ik aan. -->
<?php require("locatie/script.php"); ?>
<!-- en plaats dit op de plek waar je je Random link image wil laten zien. -->
<?php Random_img() ?>
Indien iemand bezwaar heeft met het posten van dit haal ik het zonder moeite weer weg.
Om nou het topic van Jarno te bumpen leek me een beetje overdreven dus post ik het in een nieuw topic.
Korte uitleg:
Dit is een soort uitbreiding/verbetering? op Jarno zijn script.
Ergens in 2006 gepost.
Demo: http://kevindierkx.dabeast.net/
(Rechts het Latest work gedeelte)
script.PHP
*.CSS
Index.PHP
Indien iemand bezwaar heeft met het posten van dit haal ik het zonder moeite weer weg.