Zelf een fotoboek maken

[Trace7r]

Hey, beste mede dreamweavers,

Ja ik weet het, in DW kan je zo een fotoboek genereren, maar dan zit je met al die pagina's en dergelijke, maar vooral, ik wil zelf eens iets brouwen...

De opzet is als volgt, ik zet gewoon een container <DIV> in het midden van het scherm, van 800px * 600px, in die DIV zit onderaan een DIV van 100px hoog (Navigatie).
Ik heb een map met een hele hoop foto's, kan ik nu in de DIV navigatie de inhoud van een bepaalde directory laten zien? idd zodoende dat je daar van links naar rechts kan scrollen en zo alle foto's kan zien, kan zijn dat ik hier nog tumbnails voor moet aanmaken.
De bedoeling is uiteindelijk dat als je onderaan op een foto klikt dat deze in het bovenste gedeelte van de container getoont wordt als grootte foto.

PHP en ASP is geen optie omdat ik ten eerste daar een leek in ben en ten tweede omdat mijn webhost toch geen script ondersteund.

Groeten Trace7r.

 

[Trace7r]

Helemaal geen reactie????

Ai, is dit zo een specifieke vraag?

Of vraag ik onmogelijke dingen? dat kan ook he

Groeten, Trace7r.

 

[alexanderr]

dit ben ik ook aant zoeken denk ik.
ben je in html bezig?
want ik weet niet wat in html allemaal mogelijk is.
kan ik in html bvb een powerpoint prestatie inzetten?
ik ben ook nog maar net bezig

succes met je website

 

[That Guy]

Hey, beste mede dreamweavers,
De opzet is als volgt, ik zet gewoon een container <DIV> in het midden van het scherm, van 800px * 600px, in die DIV zit onderaan een DIV van 100px hoog (Navigatie).
Ik heb een map met een hele hoop foto's, kan ik nu in de DIV navigatie de inhoud van een bepaalde directory laten zien?

PHP en ASP is geen optie omdat ik ten eerste daar een leek in ben en ten tweede omdat mijn webhost toch geen script ondersteund.

Nou, ik weet dan totaal niets van Dreamweaver cool, maar als je dit zelf wilt gaan doen zonder php of asp heb je een 'probleem' (het kan dus *niet*)

Het punt is, ook @ alexanderr, dat HTML alleen opmaak is. Je kan er geen 'scripts' mee maken of wat dan ook, het is volledig statisch.

Voor een fotoboek dat dus een beetje dynamisch loopt heb je dus tenminste een scripttaal nodig, OF een he-le-boel html pagina's (je kan dus voor elke foto een html pagina maken, maar dat is nogal veel werk).

Wat wél kan is javascript. Dan kan het namelijk zelfs zonder page-refresh. Je moet dan alleen wel javascript kunnen.


Succes, :thumb:

 

[Trace7r]

Vegras,

Inderdaad, was dus de bedoeling om dit in javascript te doen en zit al in een bepaalde richting qua opmaak enzo, maar heb nog enkele syntax problemen.
Ik ben dan ook volop bezig, het is te zeggen , ik ben bezig met wat javascripts tutorials enzo op te zoeken en zo de juiste syntax te achterhalen, als ik iets meer weet laat ik het hier zeker horen.

Zo weet ik bijvoorbeeld dat je met één regel een foto kan tonen in JS, als je dan de foto's opeenlopend een naam geeft bvb:
foto1.jpg
foto2.jpg
...
Dan kan je in JS een variabele plaatsen en deze telkens laten aanpassen zodoende dat foto1, tot ... getoond wordt.

Enige probleem is dus de syntax.

Groeten, Trace7r.

 

[That Guy]

Als de hoeveelheid foto's niet gigantisch is, zou ik dit doen:

//javascript
<script type="text/javascript">
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />");
}
</script>

(komt van W3: http://www.w3schools.com/JS/js_obj_array.asp)
Zo kan je dus alles weergeven op een bepaalde manier.

Wat echter mischien makkelijker is, is zoals jij al zei, een teller te maken in een lus.

//javascript
<script type="text/javascript">
var iMax = 50  // dit is het aantal foto's in je folder

for (i=1;i<iMax;i++)
{
document.write("<img src='folder/foto" + i + ".jpg' alt='foto #" + i + "'>");
}
</script>

zoiets zou dus alle foto's uit de dir 'folder' moeten pakken en op de pagina schrijven. Noot dat dit dus nog wel wat extra's nodig heeft, maar het idee is er.



Wat ik je veder aanraad is zoiets:
*check de zip*
Het is verre van klaar of compleet en is slecht gecodeerd, maar het laat zien wat het idee is. Als je verder nog vragen hebt of problemen met een fotoboekscript in JS, kan je die mischien beter posten in het programeren > javascript subform, daar hebben ze meer verstand van JS dan ik :thumb:

 

[danny147]

Beste Trace7r

Ga naar behaviors, dan naar get more behaviors.
Dit verbind U door naar de site van Adobe.com.
In Search the exchange typ je BOOK FLIP en download dit, je moet je wel rigistreren denk ik.

Zet dit bestandje ergens waar je het weet zitten.
Ga dan naar SRART, klik op ALLE PROGRAMMA'S, dan naar Macromedia en dan klik je op Macromedia Extesion Manager
Als dit geopend is klik dan Install New Extension.
Ga het bestandje zoeken in "ZOEKEN IN" en klik op Instal.

Sluit draemwaever en open hem terug, neem een HTML bestandje, klik op behaviors en zoek naar BOOK flip.

Het is een boek waar je vele foto's kan insteken en die automatisch zelf bladert.

Groetjes Danny. :thumb:

 

[alexanderr]

waar staat behaviors?
ik ben dat al eens tegen gekomen maar ik vind het nu niet meer

 

[Trace7r]

Opgelost ?!?!?!?!?!?!?

Vegras,

Heel hartelijk bedankt, ik had al gelijkaardige voorbeelden gevonden, maar die bleken niet te werken, dit werkt dus wel. :thumb:
Het zijn dus te veel foto's (+100) om eerst zoals uw PHP voorbeeld in een array te steken.
Het Js script werkt dus wel, leek ook heel hard op de dingen die ik al geprobeerd had, probleem was de schrijfwijze na document.write... haakjes enzo kwam niet altijd goed volgens mij, waardoor ik gewoon geen foto te voorschijn kon toveren.
Ik ga er nog een tijd tussen steken zodoende dat ze na elkaar op dezelfde plaats getoond worden in plaats van allemaal onder elkaar en dan moet het helemaal in orde zijn.
Ik wist wel dat het een simpele oplossing moest zijn, maar je moet ze natuurlijk eerst wel kennen he

Groeten en nogmaals bedankt, Trace7r. :thumb:

 

[That Guy]

np, meui dat t werkt want ik verzin die dingen ook maar ter plekke.
Als t nog niet lukt kan je t gewoon posten natuurlijk.

:thumb: