[script]Random link image

[gybrus]

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

<?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.

[Jarno]

Had ik ooit zoiets gepost?

Om maar meteen reactie te maken op je PB: Je mag wel posten hoor (bedankt voor credits) .

[gybrus]

Ik keek nog eens naar het script en bedacht me dat je dus.

één plaatje en diverse links kan krijgen.

één link en diverse plaatjes

of diverse links met bijbehorend plaatje.

Wederom werkend voorbeeld: http://kevindierkx.dabeast.net/

Meer reacties graag,

K:7

[Argon]

Je doed beter in plaats van:

$Img_ID = rand(0,5);

het volgende

$Img_ID = rand(0,count($Img));

Dan is het een beetje mooier trouwens je overdrijft wel een heel klijn beetje met je comentaren in je script vindt ik.

Ik zou het trouwens zo schrijven:

<?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() {
 // Arrays
 $Url = Array();
 $Img = Array();
 // Url's
 $Url[] = "locatie/index.html";
 $Url[] = "locatie/index.html";
 $Url[] = "locatie/index.html";

 // Img's
 $Img[] = "locatie/afbeelding.jpg";
 $Img[] = "locatie/afbeelding.jpg";
 $Img[] = "locatie/afbeelding.jpg";
 $Img[] = "locatie/afbeelding.jpg";
 $Img[] = "locatie/afbeelding.jpg";
 $Img[] = "locatie/afbeelding.jpg";

 // Output
 $Img_ID = rand(0,count($Img));
 $Url_ID = rand(0, count($Url));

 return "<div class='opmaaknaam'><a href=\"". $Url[ $Url_ID ] ."\" /><img border='0' width='150px' height='150px' src=\"". $Img[ $Img_ID ] ."\" /></a /></div>";
}
?>

Je moet wel doen nu echo Random_img();

Bewerkt: 9 januari 2008 door Argon

[gybrus]

Je doed beter in plaats van:

$Img_ID = rand(0,5);

het volgende

$Img_ID = rand(0,count($Img));

Dan is het een beetje mooier trouwens je overdrijft wel een heel klein beetje met je commentaren in je script vindt ik.

Zo was het ongeveer in het origineel.

En daar had ik dus een probleem, bij mij kwam er af en toe een welbekend "kruisje" als je de verkeerde path opgeeft ofzo.

Ik heb een aantal keer de bron bekeken (out put van de internet browser) en bij "scr="" " stond er dan dus niks.

Ik neem dus aan dat die dan verder telt dan de 5 opgegeven links..

Heb ik het zo geprobeerd geen problemen verder meer mee gehad en als je een link toevoegt moet je zowiezo de file aanpassen dus dat 5^je maakt ook weer niet zoveel uit..

En de commentaren zijn zo overdreven veel omdat, personen die dus geen PHP kennis hebben het dan nog kunnen begrijpen.

(Als je overdreven zinnen bedoelt kon ik op dat moment even niet op iets beters komen )

Je zou ze trouwens altijd nog weg kunnen halen ;O dus daar zie ik ook niet zo een groot probleem in.

Toch bedankt voor je reactie,

K

PS: Nu ik het zo bekijk is het bijna hetzelfde als het origineel xD

[Argon]

Owja, stomme fout van mij count begint vanaf nul te tellen dus aangezien er dus zes keys zijn moet je count($var) - 1 doen. Dan geeft hij dus een 5 terug in dit geval. Jij zegt dat je het niet nodig vindt maar dat maakt het script wel vele mooier en gebruiksvriendelijker. Jouw script is eigenlijk vrij ongebruiksvriendelijk door dat je nog alle cijfertjes zelf moet typen.