dodawanie plików

Wszystko o HTML, XHTML, XML, CSS.
kadafi
Posty: 18
Rejestracja: 18 mar 2012, 11:08:42
Reputacja: 0
Płeć: Niewybrana
User Agent: Chrome Windows 1280x960

dodawanie plików

Postautor: kadafi » 14 kwie 2012, 11:28:27

Elo , Jak zrobic aby inni mogi dodawać obrazki, a dodany obrazek zapisał sie w folderze. A w pliku index wpisał sie do takiego kodu

CodeColon Select All Code


<a href="images/examples/image-3.jpg" rel="lightbox[plants]" title=""><img src="images/examples/image-3.jpg" alt="" width="150" height="150" /></a>
 


mam to z lightbox'a .
Awatar użytkownika
DeaDriam
Posty: 4023
Rejestracja: 04 lip 2011, 14:00:40
Reputacja: 123
Lokalizacja: Möglingen
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768
Kontakt:

Re: dodawanie plików

Postautor: DeaDriam » 14 kwie 2012, 12:25:28

kadafi WroteColon Jak zrobic aby inni mogi dodawać obrazki

Elo do czego dodawać,jaki skrypt?.. ogólnie co to jest.Przeczytaj siebie,nikt tu jasnowidzem nie jest
kadafi WroteColonmam to z lightbox'a .

wtajemniczeni odgadną... ?Jak tak to powodzenia
_____________________________________________________
Nie badz pijawka-znalazles rozwiazanie problemu..podziel sie na forum!
----------------------------------------------------------------------------
SmacznY WordpresS>> http://www.przepisyzgarnka.pl <<
kadafi
Posty: 18
Rejestracja: 18 mar 2012, 11:08:42
Reputacja: 0
Płeć: Niewybrana
User Agent: Chrome Windows 1280x960

Re: dodawanie plików

Postautor: kadafi » 14 kwie 2012, 12:46:32

ajajaj ;D dobra od początku "lightbox" to taka galeria foto >> http://lokeshdhakar.com/projects/lightbox2/ .
chce zrobić aby inni mogli dodawać foto do tej galerii do folderu"/images/exampels"w ktorej są wszystkie foto . a teraz kod
index.html(zmodyfikowany przezemnie aby wyświetlał same obrazki a nie to co na stronie wcześniej wymienionej )

CodeColon Select All Code

<!doctype html>
<
html class="no-js" lang="en">
<
head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    
<title>Lightbox 2</title>

    <meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
    <meta name="keywords" content="lightbox, lightbox2, lightbox 2, lightbox js, lokesh, dhakar" />
  <meta name="author" content="Lokesh Dhakar">
    
    
<meta name="viewport" content="width=device-width,initial-scale=1">

    <link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />    
    
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

  

</head>
<
body>




<
section id="example">


  <div class="imageRow">
      <div class="set">
        <div class="single first">
            <a href="images/examples/image-3.jpg" rel="lightbox[plants]" title=""><img src="images/examples/image-3.jpg" alt="" width="150" height="150"/></a>
          </div>
      <div class="single">
            <a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="" ><img src="images/examples/image-4.jpg" alt="" width="150" height="150" /></a>
      </div>
      <div class="single">
            <a href="images/examples/image-5.jpg" rel="lightbox[plants]" title=""><img src="images/examples/image-5.jpg" alt="" width="150" height="150" /></a>
      </div>
      <div class="single last">
            <a href="images/examples/image-6.jpg" rel="lightbox[plants]" title=""><img src="images/examples/image-6.jpg" alt="" width="150" height="150" /></a>
      </div>
      </div>
  </div>
    
</section>


 

  
    


<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>

<script>
  jQuery(document).ready(function($) {
      $('.showOlderChanges').on('click', function(e){
        $('.changelog .old').slideDown('slow');
        $(this).fadeOut();
        e.preventDefault();
      })
  });
</script>
</html>



i 2 pliki .js i 2 .css ktorych nie będe dodawać z powodu ich długości ;p
ale do tego dochodzi problem z nazwanmi plików.W kodzie w index .html są liniki do obrazków i są tez nazwy image-1 itd. czyli dodający musiał by nazwać plik np: image-22 itd.
BlackDante
Posty: 348
Rejestracja: 10 lut 2010, 19:33:06
Reputacja: 11
Płeć: Mężczyzna
User Agent: Chrome Windows 1366x768
Kontakt:

Re: dodawanie plików

Postautor: BlackDante » 14 kwie 2012, 14:08:17

takie coś to już jest wykonywane przez serwer więc HTML to nie będzie ;)

http://webmade.org/porady/upload-plikow ... er-php.php

tutaj masz skrypt za pomocą, którego możesz uploadować pliki na serwer (przydałoby się go zabezpieczyć ale na początek do zabawy i zrozumienia pewncyh rzeczy powinien wystarczyć)

dodatkowo aby wyświetlać wgrane przez ludzi obrazki musisz albo listować katalog i pobierać z niego pliki:
http://www.chip.pl/blogi/coderblog/2009 ... e-katalogu

albo zapisywać dane do bazy danych i potem je z niej pobierać:
http://www.freewebmasterhelp.com/tutorials/phpmysql/3

to do tego będziesz potrzebował podstaw języka SQL

Wiem że to brzmi trochę ciężko ale jest to dość proste do zrobienia ;)

Jakbyś miał jakieś problemy pisz na forum ;)
Tylko dwie rzeczy są nieskończone: wszechświat oraz ludzka głupota, choć nie jestem pewien co do tej pierwszej. - Albert Einstein

Wróć do „HTML, CSS”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 1 gość