Forum » Server-Side scripting » Foto's toevoegen
R-Mijnten
Skydiving!
Berichten: 1399
avatar
Offline Stuur privebericht
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
22-09-2011 16:50
Dit topic is 223 keer bekeken door 36 verschillende leden
Reacties op: "Foto's toevoegen"
1
H.Rayn
Berichten: 684
avatar
Online Stuur privébericht
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
22-09-2011 17:20
DangerProne
topmaffia.nl
Berichten: 130
avatar
Offline Stuur privébericht
check ook effe als je de link schilderij klikt...
dan loopt je layout namelijk door elkaar heen
22-09-2011 17:38
R-Mijnten
Skydiving!
Berichten: 1399
avatar
Offline Stuur privébericht
Quote: DangerProne

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



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


Quote

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?
22-09-2011 18:12
L.Groot
Rapifia Europe
Berichten: 3716
avatar
Online Stuur privébericht
Je zou dit inderdaad zo moeten doen en eventueel mooi afwerken met een jQuery script.
22-09-2011 19:42
FrankY
Berichten: 552
avatar
Offline Stuur privébericht
Foto pagina:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<?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>';
                                echo '<a rel="foto" href="'. $Fotoboek->Fotoboek_Url .'" title="'. $Fotoboek->Fotoboek_Afbeelding .'"><img src="'. $Fotoboek->Fotoboek_Url .'" style="height: 131px; width: 220px;" /></a>';                                
                                echo '</td>';
                                echo '<td style="float: right;">';
                                echo '<b>Beschrijving / '. $Fotoboek->Fotoboek_Datum .'</b>';
                                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";
?>


admin:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<?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";
    ?>
22-09-2011 20:01
R-Mijnten
Skydiving!
Berichten: 1399
avatar
Offline Stuur privébericht
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 maken
23-09-2011 14:38
Malik
Berichten: 868
avatar
Offline Stuur privébericht
http://www.google.nl/search?source=ig&hl=nl&rlz=1G1GGLQ_NLNL308&q=foto+uploaden+php&btnG=Google+zoeken

Heel simpel te vinden @ Google, met uitleg.
23-09-2011 17:00
FrankY
Berichten: 552
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
-- --------------------------------------------------------

--
-- 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');
23-09-2011 17:42
Reageer op: "Foto's toevoegen"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden