ImgFlow automatisch pic's pakken.

Status
Niet open voor verdere reacties.
K

kantersjojo

Gebruiker
Lid geworden
29 nov 2008
Berichten
130
Beste helpers,

Ik wil heel graag mn eigen portf. site maken en ik ben dit tegen gekomen op het internet: http://imageflow.finnrudolph.de/

Ik wil dit graag toepassen op mijn site. Dit is het script:
PHP: 
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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>
<title>ImageFlow</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />

<!-- This includes the ImageFlow CSS and JavaScript -->
<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="imageflow.packed.js"></script>

</head>
<body>
<h1></h1>

<!-- This is all the XHTML ImageFlow needs -->
<div id="myImageFlow" class="imageflow">
	<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" />
	<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" />
	<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" />
	<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" />
	<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" />
	<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" />
	<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" />
	<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" />
	<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" />
	<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" />
	<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" />
	<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" />
	<img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" />
	<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" />
	<img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" />
</div>

</body>
</html>

Nu zou ik graag willen dat ik niet steeds met de hand foto' s moet toevoegen. Maar als ik ze in de map " img" stop dat hij ze dan allemaal gewoon vanzelf pakt.

Ik heb namenlijk over de 500 foto' s in verschillende categorien, en om dit nou met de hand in te voeren...

Ik weet dat het bestand nu in HTML staat en dat moet worden omgezet naar PHP.

Alvast heel erg bedankt voor degenen die mij kan redden,

-Joey
 
Ik ben niet bekend met het "imgflow" script, maar als het blijft werken ongeacht de hoeveelheid <img /> tags kun je met readdir() of scandir() simpelweg de foto map lezen en alles in de lijst zetten. Nu heb je op regels 19 t/m 33 losse fotos staan, dit zou je dat kunnen vervangen met
PHP: 
<?php
	$dir = "img";
	$scan  = opendir($dir);
	while (false !== ($bestand = readdir($scan))) {
		if ($bestand <> "." && $bestand <> "..") {
			echo '<img src="'.$dir.'/'.$bestand.'" longdesc="'.$dir.'/'.$bestand.'" width="400" height="300" />';
		}
	}
?>
waarbij ik er vanuit ga dat er een losse map ("img") is waar de foto's in staan.
 
flitsflitsflits zei:
Ik ben niet bekend met het "imgflow" script, maar als het blijft werken ongeacht de hoeveelheid <img /> tags kun je met readdir() of scandir() simpelweg de foto map lezen en alles in de lijst zetten. Nu heb je op regels 19 t/m 33 losse fotos staan, dit zou je dat kunnen vervangen met
PHP: 
<?php
	$dir = "img";
	$scan  = opendir($dir);
	while (false !== ($bestand = readdir($scan))) {
		if ($bestand <> "." && $bestand <> "..") {
			echo '<img src="'.$dir.'/'.$bestand.'" longdesc="'.$dir.'/'.$bestand.'" width="400" height="300" />';
		}
	}
?>
waarbij ik er vanuit ga dat er een losse map ("img") is waar de foto's in staan.
Klik om te vergroten...

bedankt zo ziet het er nu uit:
http://kanters.no-ip.info/~joey/Site/imgflow/index.php

alleen pakt hij sommige plaatjes niet, enig idee hoe dat zou kunnen?
 
Hoi,
Wil ook graag gebruiken maken van de functie maar bij mij werkt het niet.
ik gebruik onderstaande code in index.php
Code: 
<!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>
<title>ImageFlow</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />

<!-- This includes the ImageFlow CSS and JavaScript -->
<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="imageflow.packed.js"></script>

</head>
<body>
<h1>ImageFlow</h1>

<!-- This is all the XHTML ImageFlow needs -->
<div id="myImageFlow" class="imageflow">
	<?php
    $dir = "img";
    $scan  = opendir($dir);
    while (false !== ($bestand = readdir($scan))) {
        if ($bestand <> "." && $bestand <> "..") {
            echo '<img src="'.$dir.'/'.$bestand.'" longdesc="'.$dir.'/'.$bestand.'" width="400" height="300" />';
        }
    }
?>
</div>

</body>
</html>
 
Laatst bewerkt:
Hoi Flits,

Achter image moet een getal staan dan loopt het wel door maar hoe doe ik dit,
voorbeeld
image 1
image 2 enz zie code hier onder.
<img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 1" />

echo '<img src="'.$dir.'/'.$bestand.'" longdesc="'.$dir.'/'.$bestand.'" width="400" height="300" />';
 
Mijn stukje code doorloopt alle bestanden in de "img" map en stuurt de bestandsnamen naar de browser. Als je van de code gebruik maakt en een nummering wilt, zul je dus de bestandsnamen moeten veranderen.
 
Flits, het gaat om de alt daar staat image1 en dat moet optellen, hoe doe je dat?
 
Als je alt wilt gebruiken om valid html te krijgen kun je er simpelweg alt="'.$bestand.'" aan toevoegen (of als je echt letterlijk image met een getal wilt: een integer aanmaken ($teller = 0; ), binnen de if constructie dat getal ophogen ($teller++; ) en het echo'en met alt="image'.$teller.'")

Als je de alt tag wilt gebruiken om nuttige informatie te geven (voor textbrowsers en systemen voor mensen met een handicap (doof, blind, etc)) zul je die informatie eerst ergens vandaan moeten halen en kun je beter een database aanleggen.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan