Foto's toevoegen

R-Mijnten

Hallo allemaal,

Ik ben nu bezig met een website te maken en nu stuit ik op iets.
Op deze website http://www.verklein.nl/Wi7ud is een mooi en strakke foto pagina.
(kijk bij Schilderijen, Kettingen of Foto's)

Wie weet hoe ik zoiets kan maken waarbij je zelf foto's kan toevoegen en tekst?
Of hoe ik gemakkelijk zoiets kan maken?

Alvast bedankt!

- Ruben

iCold

Tis best simpel. Een soort van cms systeem.

- Database bijv tabel schilderijen (id, foto, beschrijving)
- Upload systeem.

Ik wil het best wel voor je maken tegen een redelijke prijs

DangerProne

check ook effe als je de link schilderij klikt...
dan loopt je layout namelijk door elkaar heen :cheer:

R-Mijnten

Citaat van DangerProne

check ook effe als je de link schilderij klikt...
dan loopt je layout namelijk door elkaar heen :cheer:

Het is mijn website niet, het was me ook al opgevallen

Citaat

Tis best simpel. Een soort van cms systeem.
- Database bijv tabel schilderijen (id, foto, beschrijving)
- Upload systeem.
Ik wil het best wel voor je maken tegen een redelijke prijs

Bedankt voor je reactie, ik zal contact opnemen.

Toch zou ik het graag zelf willen leren, wie kan me met een voorbeeld script de goede kant op sturen?

L.Groot

Je zou dit inderdaad zo moeten doen en eventueel mooi afwerken met een jQuery script.

FrankY

Foto pagina:

PHP

<?php
include_once "inc/inc.include.left.php";
?>
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script>
		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
	</script>
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	
	<script type="text/javascript">
		$(document).ready(function() {
		
			$("a[rel=foto]").fancybox({
			
				'overlayShow'   : false,
				'transitionIn'  : 'elastic',
				'transitionOut' : 'elastic',
				'titlePosition' : 'over',
				'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Afbeelding ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '&nbsp; ' + title : '') + '<span>';
				}			
			});
		
		});
	</script>
</head>
<div id="path">U bevindt zich hier: <a href="fotos.php">Foto's</a></div>
<div id="main">
	<h1>Foto's</h1>
	<p>
		<table width="100%"> 
				<?php
					$fQuery = "SELECT Fotoboek_ID,Fotoboek_Url,Fotoboek_Afbeelding,Fotoboek_Info,Fotoboek_Datum FROM Fotoboek ORDER BY Fotoboek_ID DESC";
					
					if($Foto = $mysqli->query($fQuery))
					{
						if($Foto->num_rows == 0)
						{
							echo 'Er zijn nog geen fotos geplaatst!';
						}
						else
						{
							while($Fotoboek = $Foto->fetch_object()) 
							{
								echo '<tr>';
								echo '<td width="40%">';
								echo '<b>'. $Fotoboek->Fotoboek_Afbeelding .'</b><br />';
								echo '<a rel="foto" href="'. $Fotoboek->Fotoboek_Url .'" title="'. $Fotoboek->Fotoboek_Afbeelding .'"><img src="'. $Fotoboek->Fotoboek_Url .'" style="height: 131px; width: 220px;" /></a><br />';								
								echo '</td>';
								echo '<td style="float: right;">';
								echo '<b>Beschrijving / '. $Fotoboek->Fotoboek_Datum .'</b><br />';
								echo $Fotoboek->Fotoboek_Info ;
								echo '</td>'; 
								echo '</tr>';
						
							}
						}
					}
					else
					{
						echo 'Er is een fout opgetreden in het database, neem contact op met de beheerder.<Br />';
						echo $mysqli->error;
					}
				?>
		</table>
	</p>
</div>
<?php
include_once "inc/inc.include.right.php";
?>

Meer tonen

admin:

PHP

<?php
    include_once "inc/inc.include.left.php";
    ?>
     
    <div class="right_content">
     
            <h2>Bewerk foto pagina.</h2>
            <?php
                    if(isset($_POST['submit']))
                    {
                   
                            //variabelen
                            $titel   = $mysqli->real_escape_string($_POST['titel']);
                            $bericht = $_POST['bericht'];
                            $toegestaan = array('gif','jpeg','jpg','png');
                            $dir = '../Fotos/';
                            $max = 1024000;
                            $pathinfo = pathinfo($_FILES['bestand']['name']);
                           
                            $fQuery = "SELECT Fotoboek_ID,Fotoboek_Url,Fotoboek_Afbeelding,Fotoboek_Info,Fotoboek_Datum FROM Fotoboek";
                           
                            if($fotos = $mysqli->query($fQuery) or die ($mysqli->error))
                            {
                                    $foto = $fotos->fetch_object();
                            }
                           
                            $error = array();
                                   
                                    if(empty($titel))
                                    {
                                            $error[] = '<div class="error_box">U heeft geen titel opgegeven!</div>';
                                    }
                                    if(empty($bericht))
                                    {
                                            $error[] = '<div class="error_box">U heeft geen beschrijving opgegeven!</div>';
                                    }
                                    if(!is_uploaded_file($_FILES['bestand']['tmp_name']))
                                    {
                                            $error[] = '<div class="error_box">U heeft geen bestand opgegeven!</div>';
                                    }
                                    if(!in_array($pathinfo['extension'], $toegestaan))
                                    {
                                            $error[] = '<div class="error_box">Het extensie van het bestand is niet toegestaan!</div>';
                                    }
                                    if($_FILES['bestand']['size'] > $max)
                                    {
                                            $error[] = '<div class="error_box">Het bestand dat U probeert te uploaden is te groot!</div>';
                                    }
                                   
                            $fouten = count($error);
                           
                            if($fouten > 0)
                            {
                                    echo '<div class="error_box">';
                                    echo 'De volgende fouten waren aanwezig!';
                                    echo '</div>';
                                   
                                    foreach ($error as $fout)
                                    {
                                            echo $fout;
                                    }
                            }
                            else
                            {
                                    $file = $_FILES['bestand']['name'];
                                   
                                    if(move_uploaded_file($_FILES['bestand']['tmp_name'], $dir.$file))
                                    {
                                            echo '<div class="valid_box">
                                                            U heeft alles succesvol ingevult! De foto is nu upgeload!
                                                    </div>
                                            ';
											$mysqli->query("INSERT INTO Fotoboek (Fotoboek_Url,Fotoboek_Afbeelding,Fotoboek_Info,Fotoboek_Datum) VALUES ('Fotos/". $file ."','". $titel ."','". $bericht ."',NOW())") or die ($mysqli->error);
                                    }
                            }
                           
                           
                    }
            ?>
            <form method="POST" enctype="multipart/form-data">
                    <table width="100%">
                            <p>
                                    <table width="100%">
                                   
                                                    <tr>
                                                            <td>
                                                                    Titel:
                                                            </td>
                                                            <td>
                                                                    <input type="text" name="titel" size="25%" />
                                                            </td>
                                                    </tr>
                                                    <tr>
                                                            <td>
                                                                    Foto:
                                                            </td>
                                                            <td>
                                                                    <input type="file" name="bestand" size="25%" />
                                                            </td>
                                                    </tr>
                                                   
                                            </table>
                                            <table width="100%">
                                           
                                                    <tr>
                                                            <td>Beschrijving:</td>
                                                    </tr>
                                                    <tr>
                                                            <td><textarea name="bericht" cols="50" rows="10"></textarea></td>
                                                    </tr>
                                                    <tr>
                                                            <td>Upload: <input type="submit" name="submit" value="Upload!" /></td>
                                                    </tr>
                                                                   
                                            </table>
                                    </table>
                            </p>
                    </table>
            </form>
           
    </div>
     
    <?php
    include_once "inc/inc.include.right.php";
    ?>

Meer tonen

R-Mijnten

Super voor het geplaatste script.
Ik ga er binnenkort gelijk mee aan de slag, ziet er zo op eerste gezicht goed uit.

Mis alleen de database, kan je die nog even posten?
Scheelt wat tijd als je het bij de hand hebt, dan om het zelf te maken8-|

Malik

http://www.google.nl/search?source=…G=Google+zoeken

Heel simpel te vinden @ Google, met uitleg.

FrankY

PHP

-- --------------------------------------------------------


--
-- Tabelstructuur voor tabel `Fotoboek`
--


CREATE TABLE IF NOT EXISTS `Fotoboek` (
  `Fotoboek_ID` int(10) NOT NULL AUTO_INCREMENT,
  `Fotoboek_Url` varchar(255) COLLATE latin1_general_ci NOT NULL DEFAULT 'Fotos/',
  `Fotoboek_Afbeelding` varchar(255) COLLATE latin1_general_ci NOT NULL,
  `Fotoboek_Info` varchar(255) COLLATE latin1_general_ci NOT NULL,
  `Fotoboek_Datum` date NOT NULL DEFAULT '0000-00-00',
  PRIMARY KEY (`Fotoboek_ID`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=8 ;


--
-- Gegevens worden uitgevoerd voor tabel `Fotoboek`
--


INSERT INTO `Fotoboek` (`Fotoboek_ID`, `Fotoboek_Url`, `Fotoboek_Afbeelding`, `Fotoboek_Info`, `Fotoboek_Datum`) VALUES
(1, 'Fotos/meubel3.jpeg', 'Meubel 3', 'Een meubel', '2011-09-01'),
(2, 'Fotos/5_b.jpg', 'fsd', 'fsd', '0000-00-00'),
(3, 'Fotos/meubel3.jpeg', 'fsd', 'sdf', '0000-00-00'),
(4, 'Fotos/meubel3.jpeg', 'fsdf', 'sdfsd', '0000-00-00'),
(5, 'Fotos/meubel3.jpeg', 'fdsf', 'sdfsdfsd', '0000-00-00'),
(7, 'Fotos/1275722128_5_vb5j.jpeg', 'test foto', '<p>Dit is een test foto, mocht deze er komen te staan dat kan je fotos oploaden.</p>', '2011-09-15');

Meer tonen

ICTscripters

Dé plek voor IT

Dé plek voor IT

[Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

[Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

TK: Kraai.eu

Foto's toevoegen

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken