webdesignskolan

 skriv ut »

Du behöver inga kunskaper i PHP för att använda bildgalleriet men din webbserver måste ha PHP 4.3.0 eller senare version samt GD library 2.0 eller senare - läs mer om förutsättningarna nedan »

Vi använder WDS Bildgalleri i vår demo av publiceringsverktyget WDS CMS.

Klicka här för att se exemplet  

Funktioner i bildgalleriet

Här är en översikt över funktionerna i Webdesignskolan Bildgalleri:

• Administration direkt i webbläsaren
  Logga in och administrera dina bildgallerier direkt i webbläsaren. Du kan skapa bildgallerier, ladda upp bilder, storleksändra bilder, radera bilder och ändra alla inställningar för dina bildgallerier utan att använda andra programvaror.
• Ladda upp bilder, ändra bildstorlek
  Du kan använda den inbyggda funktionen för att ladda upp bilder eller göra detta via FTP. Du kan minska bildernas storlek, radera bilder och ändra bildnamn.
• CSS-mallar för olika layout
  WDS Bildgalleri är förinstallerat med ett antal CSS-mallar och du kan ladda upp dina egna mallar och redigera mallarna direkt i webbläsaren.
• Storlek på miniatyrerna
  Du kan ange olika storlek på miniatyrerna i dina olika bildgallerier. Om du byter storlek så kan du radera och generera nya miniatyrer direkt i webbläsaren.
• Visa bildinformation
  Bildinformation som kan visas är filnamn, bildstorlek och filstorlek. Du kan välja vilken information du vill visa eller dölja i inställningarna för bildgalleriet.
• Visa bild i nytt fönster eller i samma fönster
  Bilderna visas i ett nytt webbläsarfönster där storleken är anpassad till bildens storlek. Om bilden är större än bildskärmens upplösning så visas bläddringslisterna i webbläsaren. Du kan välja att istället visa bilderna i samma webbläsarfönster.
• Vattenstämpel för att skydda bilden
  Watermark i form av en egen text där du kan välja egna TrueType-fonter eller i form av egna bilder. Det här är ett bra sätt att ange var bilderna kommer ifrån eller att skydda bilderna. Vattenstämpeln genereras direkt online och bilden kan alltså inte sparas utan vattenstämpeln. Du kan ange placering av vattenstämpeln och välja färg, teckensnitt och storlek i inställningarna för vattenstämpeln.
• Sortera bilderna efter namn eller datum
  Sortering av bilderna kan anges i inställningarna för bildgalleriet. Dessutom kan användaren själv bestämma sorteringsordning med knappen "sortering".
• Visa miniatyrerna sidvis eller alla på samma sida
  Du kan välja att visa alla miniatyrerna direkt eller med sidvis bläddring. Dessutom kan du visa stora miniatyer i valfri storlek och antal per sida.
• Välj vilka menyer som ska visas
  Du kan visa eller dölja visningsmenyn, rubriken, bildinformationen, sidnavigeringen mm för att få en "renare" layout på bildgalleriet.
• Loggfiler
  Loggfiler sparar informationen om händelser som tex: uppladdning av bilder och CSS-filer, namnändring av bilder och bildgallerier, storleksändring av bilder mm. Du kan välja loggfil direkt i webbläsaren och kontrollera datum och tidpunkt när en åtgärd utförts.

Förutsättningar för att använda Webdesignskolan Bildgalleri

För att du ska kunna använda bildgalleriet måste din webbserver ha PHP 4.3.0 eller senare version. Vill du använda vattenstämpel i form av text eller bild måste du dessutom ha GD library 2.0 eller senare version. OBS! Om du använder stora bildfiler krävs mer minne och den övre minnesgränsen är:

Minnesgränsen 16M räcker till för bilder 1600x1200 pixlar men om du har större bilder som tex 3000x2000 så krävs minst 32M minnesgräns. Kolla med ditt webbhotell eller administratör om du har tillgång till rätt version av PHP och GD library. Du kan använda guiden Installera GD library i PHP » för att se hur kontrollerar vilken version av PHP och GD library du har med PHP-info. Där kan du även se vilken övre minnegräns (memory_limit) din webbserver har.

Der är inget krav men underlättar om du har tillgång till ett FTP-program » för att överföra bilderna till bildgalleriet. Du kan använda den inbyggda funktionen för att ladda upp bilder eller göra detta via FTP. Om du använder funktionen "Ladda upp bilder" så väljer du en bild i taget och kan skicka upp 5 bilder samtidigt. Anledningen till att formuläret inte hanterar fler bilder är att PHP har begränsningar i storlek på filer som skicka via formulär till webbservern. Den maximala filstorleken för bilderna varierar beroende på din PHP-installation men brukar ofta vara 2MB. Vill du ladda upp större bilder måste du använda FTP eller be ditt webbhotell höja gränsen för "upload_max_filesize".

Om du laddar upp bilderna via FTP finns egentligen inga begränsningar för bildernas storlek. Dagens digitalkameror kan hantera så många pixlar att bilderna egentligen är för stora och blir långsamma att visa i webbläsaren. Du kan minska bildernas storlek med knappen och funktionen "Ändra bildstorlek" som visas under varje miniatyrbild. En begränsning här är att PHP-installationen begränsar hur stora bilder som kan hanteras. Minnesgränsen 16M räcker till för bilder 1600x1200 pixlar men bilder i storleken tex 3000x2000x300dpi kräver minst 32M. En bättre metod är att ändra bildernas storlek innan du laddar upp dem via funktionen "Ladda upp bilder" eller FTP. Se till att bilderna har den storlek du vill använda som tex bredden 800px, 1200px eller 1600px och ladda sedan upp dem till WDS Bildgalleri.

Villkor för användning av programmet

Användning för eget bruk
Detta program ingår i tjänsten "WDS medlem 12 månader" och får användas av dig som innehar ett medlemskap. Programmet får användas EN gång per medlemskap. Du som vill använda programmet till flera egna webbplatser måste göra en ny beställning (på samma kundkonto).

Programmen får endast användas under medlemstiden. När medlemstiden utgått måste ett nytt medlemskap beställas för rätten att använda programmen 12 månader framåt.

Privatpersoner och föreningar
Du som hjälper privatpersoner eller ideella föreningar med deras webbplatser måste göra en beställning av tjänsten "WDS medlem 12 månader" för varje webbplats som använder programmet.

Företag och kommersiell verksamhet
Du som gör webbplatser åt kunder, och bedriver kommersiell verksamhet, måste göra en beställning av tjänsten "WDS medlem 12 månader" för varje webbplats som använder programmet.

Använda programmet till fler än EN webbplats
Välj något av alternativen nedan om du vill använda programmet till fler än EN webbplats:

• Gör en ny beställning från ditt eget kundkonto så utökar du din medlemstid med 12 månader (gäller från ditt aktuella slutdatum).
• Gör en beställning i uppdragsgivarens namn. Uppdragsgivaren får tillgång till alla Webdesignskolans guider och du ger ett mervärde till den webbplats du skapat.
  

Användning och anpassning av kod
Vi har valt att göra kod och funktioner tydliga och lätta att överblicka för att du ska kunna ändra och lägga till egna funktioner. Du som är webbutvecklare kan alltså anpassa koden för ditt eget eller dina kunders behov men får inte distribuera eller sälja programkoden vidare.

Programmet får INTE säljas eller erbjudas vidare till egna kunder och besökare.

Copyrightinformationen nedan får inte raderas från filerna:

Installation av bildgalleriet

Hämta ZIP-filen med bildgalleriet (längst ned i denna guide) och packa upp filerna:

OBS! Ändra inte namnen eller ordningen på mappar och filnamn!

Publicera filerna till din webbserver. Använd ett FTP-program » eller liknande funktion i din webbeditor eller hos ditt webhotell. I vårt exempel har vi lagt filerna i rotmappen.

TIPS! Läs mer om hur du väljer webbhotell i guiden Webbhotell och domännamn »

Registrera en ny administratör genom att köra filen:
wds_bildgalleri/install/admin_register.php

Radera installationsmappen direkt så att inga obehöriga kan använda filen:

Du kan ändra användarnamn och lösenord under menyn "inställningar" när du är inloggad.
OBS! Lösenordet är krypterat och kan inte återges! Om du glömmer bort lösenordet så måste du publicera mappen "install" och köra filen "wds_bildgalleri/install/admin_register.php" på nytt.

Logga in och börja använda Webdesignskolan Bildgalleri:

Skapa ditt första bildgalleri:

...och ladda upp några bilder:

Om inte miniatyrerna genereras direkt kan du uppdatera webbläsaren med F5:

...så skapas miniatyrerna automatiskt i mappen "miniatyrer":

Det är inte svårare än så att komma igång med WDS Bildgalleri!

Övriga funktioner och inställningar beskrivs på respektive sida i administrationen. Använd menyn "Hjälp" om du behöver mer information.

Felsökning om det inte fungerar!

Om du får problem med användning av WDS Bildgalleri som tex visning av sidor eller felmeddelanden kan du läsa mer i guiden Felsökning i PHP och MySQL »

Sökväg och länk till dina bildgallerier

Sökväg till bildgalleriet

Sökvägen till ditt bildgalleri är:
bildgalleri.php?galleri=gallery_name

Hela adressen till bildgalleriet i vårt exempel är då:
http://dromvavaren.se/bildgalleri.php?galleri=summer_2010

Sökväg till administrationen

Sökvägen till administration av ditt bildgalleri är:
wds_bildgalleri/admin/login.php

Hela adressen till administrationen av bildgalleriet i vårt exempel är då:
http://dromvavaren.se/wds_bildgalleri/admin/login.php

Du kan också använda länken admin » som visas i ditt bildgalleri (längst ned på sidan).

Ladda upp bilderna via FTP

Varje bildgalleri skapas i mappen "album" och exemplet nedan visar filer och mappar i FTP-programmet CuteFTP:

I vårt exempel ska bilderna publiceras till mappen:
wds_bildgalleri/album/summer_2010

Inställningsfilerna för varje bildgalleri finns i samma mapp som bildgalleriet och får inte raderas!
config_bildgalleri_settings.php
config_watertext_settings.php

Om du raderar bilderna i administrationen för WDS Bildgalleri så raderas även minatyrbilden: Om du raderar bilden via FTP så bör du även radera miniatyrbilden i mappen "miniatyrer". Om miniatyrbilden finns kvar finns en risk att den visas om en ny bild med samma namn som en tidigare bild laddas upp. OBS! Om du får problem med visningen av miniatyrerna kan du radera hela mappen "miniatyrer" och låta bildgalleriet generera nya miniatyrer.

Minska bildernas storlek innan du laddar upp dem

Du kan använda den inbyggda funktionen för att ladda upp bilder eller göra detta via FTP. Om du använder funktionen "Ladda upp bilder" så väljer du en bild i taget och kan skicka upp 5 bilder samtidigt. Anledningen till att formuläret inte hanterar fler bilder är att PHP har begränsningar i storlek på filer som skicka via formulär till webbservern. Den maximala filstorleken för bilderna varierar beroende på din PHP-installation men brukar ofta vara 2MB. Vill du ladda upp större bilder måste du använda FTP eller be ditt webbhotell höja gränsen för "upload_max_filesize".

Om du laddar upp bilderna via FTP finns egentligen inga begränsningar för bildernas storlek. Dagens digitalkameror kan hantera så många pixlar att bilderna egentligen är för stora och blir långsamma att visa i webbläsaren. Du kan minska bildernas storlek med knappen och funktionen "Ändra bildstorlek" som visas under varje miniatyrbild. En begränsning här är att PHP-installationen begränsar hur stora bilder som kan hanteras. Minnesgränsen 16M räcker till för bilder 1600x1200 pixlar men bilder i storleken tex 3000x2000x300dpi kräver minst 32M. En bättre metod är att ändra bildernas storlek innan du laddar upp dem via funktionen "Ladda upp bilder" eller FTP. Se till att bilderna har den storlek du vill använda som tex bredden 800px, 1200px eller 1600px och ladda sedan upp dem till WDS Bildgalleri.

Du kan minska bildernas storlek i bildredigeringsprogram som tex Photoshop. Det finns även program som har som huvudfunktion att minska bildstorleken på ett stort antal bilder automatiskt. Googla efter sökbegrepp som tex "batch image resize" eller "image resizer" för att hitta programmen.

ZIP-filen med filerna till programmet

Klicka på ikonen nedan för att läsa hela guiden och hämta ZIP-filen!