De site centeren

Status
Niet open voor verdere reacties.
Lekker die gestoofde modules, heb trouwens nog geen commentaar gehad over de favicon,
of zit ik nu naar complimenteuze visjes te hengelen?
 
Hoi Hengelaar,

Verwijderen
"Bericht aanpassen" > "Ga geavanceerd" > bovenaan: "Bericht verwijderen".

Aas van de hengel gegleden
Je geduldig uitgeworpen hengel zie ik nu pas: na m'n laatste bericht van 26 oktober 2012, 22:17 kreeg ik geen e-mail notificatie meer binnen *) en dacht ik dat dat de laatste post was. Je reactie & hengel van 26 oktober 2012, 22:21 zag ik niet omdat ik bij een pagina-refresh niet zag dat er een volgende pagina bij was gekomen (p.7 en bericht #121 alweer).

Favicon bestaat wel/niet!
Maar geheel uit eigen beweging had ik gisteravond toch een aha-erlebnis bij het zien van de favicon. Bij toeval, omdat ik even in Internet Explorer 7 bij de Kikkers moest zijn, en daar de favicon mooi in de adresbalk en het tabblad stond.
Ook nog even in de broncode gekeken: je hebt 'm kennelijk braafjes op elke pagina ingevoegd. ;)


  • Bij toeval (1): Na in IE7 wat rangeren tussen verschillende pagina's, want direct kwam ie niet tevoorschijn (ook niet met lege cache).
  • Bij toeval (2): In Firefox, waar ik standaard mee surf, is er helemaal geen favicon te zien.
  • Bij toeval (3): In Chrome, Opera en Safari staat de favicon wel op het tabblad, maar niet in de adresbalk.

kikkers-vaficon-ff.png

Hoe zit dat?
Een aantal browsers hebben de favicon er (al/niet gedeeltelijk) uit gegooid. Bij mij doen de favicons in Firefox het niet meer in de laatste FF-versie. Ook niet in de tabbladen: waar bv. vroeger bij goedkeuring door de html-validator een groen vierkantje in het validator-tabblad stond, staat nu een leeg stippel-vierkantje. De favicons staan er nog wel bij als je een site in je favorietenlijst van FF opneemt.
Achtergrond: vanwege veiligheidstoestanden.

Als je de favicon (onder de schuilnaam vaficon.ico) rechtstreeks opvraagt, doen de browsers ook verschillende dingen:


  • Firefox opent 'm niet, maar vraagt of je 'm wilt downloaden.
  • Chrome: idem dito.
  • Opera laat je kiezen: "Downloaden of openen?"
  • Internet Explorer (IE7) en Safari (5.0.3) laten 'm gewoon zien.
  • IE8 en IE9 geven volgens Netrenderer.com en Browsershots.org echter de broncode (!): zie hier.

Ook merkwaardig:


  • IE7 geeft 'm weer op formaat 32x28 px.
  • Opera (11.50) zet in het tabblad: "vaficon.ico (16x16)", en laat 'm ook als zodanig zien.
  • Safari zet in het tabblad: "vaficon.ico 256x256 pixels", en toont 'm op die volle grootte.

Het zal hem er in zitten dat een favicon geen standaard html-voorschriften kent ("The proposed profile for defining the "icon" value is not a recognized standard, which means there may be interoperability issues in practice.", zegt w3c hier).

Tenslotte:


  • Als ik 'm download, blijkt de vaficon.ico zo'n 180kB groot te zijn, wat nogal groot is voor zo'n klein dingetje.

  • Openen met IrfanView geeft aan dat het 32x32 px is, maar laat 'm zien als 32x28, in de getormenteerde vertoning die ook IE7 laat zien:

    kikkers-vaficon.png

  • Maar openen met de beeldbewerker GIMP (ik heb 2.6.11) geeft dit:

kikkers-vaficon-gimp.png

Huh? Het lijkt wel alsof er verschillende versies in één bestand opgeslagen zitten (en ook met transparantie)! :shocked:
In ieder geval: de voor een favicon te gebruiken formaten zijn: 16x16, of 32x32 of 48x48.
Ik heb de mooie grote versie gescreenshot, verkleind, en via Irfanview **) opgeslagen als ico van 32x32px (browsers verkleinen 'm dan zo nodig voor hun weergave in adresbalk/tabblad/favorietenlijst):


  • Test: kikkers-favicon.ico van 3,2kB.
  • Hé! Nu laten alle browsers 'm wel rechtstreeks zien! ***) :)
    (zonder vraag om te downloaden/openen)

Aan de haak geslagen?

Met vriendelijke groet,
CSShunter
__________
*) Helpmij waarschuwt keurig "Het kan zijn dat er al meer reacties zijn, maar u zult geen e-mailtjes hiervan ontvangen totdat u het forum weer bezoekt." - En tussendoor rammel ik ook regelmatig met javascript uit- en aanzetten, dan ontsnapt er ook wel eens een visje.

**) Een (eventueel in ander tekenprogramma gemaakte en gekopieerde + in IrfanView ingeplakte) afbeelding met IrfanView als .ico-bestand opslaan geeft altijd een goede ico, is mijn ervaring.
Een .bmp of iets anders hernoemen tot .ico (zoals verschillende tutorials aanraden) gaat meestal niet goed.

***) Volgens netrenderer.com ook IE8 en IE9 (browsershots.org doet niet aan het ico-bestandstype).
 
Laatst bewerkt:
Hoi Joop,

... maar eigenlijk was ik niet van plan om een faviconnetjes-beschouwing te posten. Wat ik wilde doen was het plechtige scheepsbericht:

Fase 2: een bladerbare foto-pagina
Na het eerdere screenshot-strandkasteel van een emmertje zeewater en los zand heb ik nu een prototype op de werf liggen waar je aan mag komen:



Ik zeg er nog even helemaal niets bij (volgt later), dan kan je 'm blanco ervaren zoals ook een niet-webmasterige bezoeker dat doet. ;)

(Let niet op de foto's: die heb ik willekeurig gegraaid, en passen niet bij de titel)

Zeg 't maar!
Met vriendelijke groet,
CSShunter
 
Hoi Hunter,

Berichtje vanaf de werkboot, de favicon doet het op mijn FF gewoon en ook hier op het werk met Ie geen probleem zowel in de balk als bij de favorieten.
Zal de door jouw gemaakte favicon de vervanger laten worden.

De bladerbare foto-pagina ziet er goed uit, mooi zoals die weergeeft dat er geen grote foto is (2e foto), tevens helemaal in de kikkers style.
Ik zag nu pas dat de foto's niet meer te benaderen zijn vanaf de foto-pagina (The webpage cannot be found).
Ga ik denk ik niet meer mee bezig tot de nieuwe bladerbare foto-pagina gereed is.

Groeten,

Joop
 
Laatst bewerkt:
Hoi Joop,

Favicon
Tja, meer dan een goede favicon er in zetten (gesignaleerd) kan je niet doen. Verschillende browser(versie)s zullen er verschillend mee omgaan.

Verder met:
Fase 2: de fotopagina's
ziet er goed uit ... enz.
Klik om te vergroten...
Mooi, dan gaan we onverdroten voort. :)
Ik zag nu pas dat de foto's niet meer te benaderen zijn
Klik om te vergroten...
Ja, had ik al eerder gezien, maar dacht dat dat bij je opruim-resultaten hoorde. ;)
Zou inderdaad maar even laten rusten (misschien een kleine mededeling op de dekikkers.nl/paginas/fotos.php dat de mappen/foto's tijdelijk uit de running zijn?).

Intussen ook verder aan de knutsel geweest, en na een rijtje subversies en bijbehorende javascripts *) zit ik nu op:



Verschillen met de eerste versie:
  • De html vereenvoudigd (diverse onderdelen worden er nu door javascript in gezet, daar heb je dan geen omkijken naar).
  • De extra nodige css in een apart css-bestandje gezet.
  • Met php de standaard-dingen (de aangepaste #apDiv's) laten binnenhalen. Voor lokaal aanmaken in pagina-weergave (zonder php) blijft de layout van de dia's en grote foto's gehandhaafd; ook de werking kan lokaal in de browser getest worden.
  • Het javascript eveneens extern gemaakt; opgeschoond en versneld.
  • De "sorry, grote niet gevonden" boodschap versneld: voor Firefox, Chrome, Opera en Safari komt deze nu meteen, en hoeft niet 1 sec. te wachten. Internet Explorer (IE7 in ieder geval) pakt de aangepaste code niet op, en krijgt de oude toegediend (met wel de wachttijd).
  • Bladeren versneld. Bij het bladeren komt nu meteen de grote foto 100% op scherpte in beeld, zonder dat even gewacht moet worden op het "scherpstellen" bij de download. Truc is dat telkens de volgende (en ook de vorige, voor achteruit bladeren) alvast onzichtbaar wordt gedownload. De scherpstel-vertraging is nu alleen zichtbaar als je niet met nummer 1 begint maar vanuit het overzicht een willekeurige foto uitkiest (ga je van daar uit Vorige/Volgende bladeren, dan zijn die weer direct op scherpte).
  • Mogelijkheid toegevoegd om onder de paginakop een paar regels tekst met info over de betreffende fotoserie te zetten (hoeft niet, kan wel).

NB: De toelichting over de werking en de gebruiksaanwijzing moeten nog komen! (een deel staat al in het script)

Verder heb ik een webmaster-javascript in petto, dat in principe gelijk is aan het definitieve script, maar voorzien is van "webmaster-vriendelijke" foutmeldingen voor herstel als er onverhoopt iets mis is gegaan bij het aanmaken. Komen er geen foutmeldingen en doet de pagina het naar wens, dan kan op de pagina de naam van het webmasterscript veranderd worden in het gewone script.

Te doen!
Wat vast kan gebeuren, is een strakke en overzichtelijke mappenstructuur maken voor het fotowerk, zodat alles (ook over tig jaar!) makkelijk te vinden is. Je zou alle foto's en hun thumbnails in één grote vergaarbak kunnen stoppen, maar dat lijkt me niet handig; vooral niet bij groei van de hoeveelheid foto's en/of soms onherkenbare bestandsnamen van ingekomen foto's ("554150_417924868261317_369461001_n.jpg" e.d., zoals ze bij Facebook heten).
Opzet als volgt, lijkt me:

kikkers-fotomappen.png

D.w.z.:
  1. De foto's komen in mappen per jaar.
  2. Binnen een jaarmap zitten telkens de mappen van de verschillende fotoseries van dat jaar (met eventueel een map "losse-fotos-2012" enz.).
  3. Binnen een map van een fotoserie komt telkens een map images, waarin de thumbnails en grote foto's van die serie zitten.
  4. Binnen een map van een fotoserie komt (later) ook de fotopagina van die serie; dan kan van daar uit makkelijk verwezen worden naar de foto's in de onderliggende images-map.
  5. Komt er een serie bij, dan valt die altijd te rubriceren in één van de jaarmappen, en volgt dan hetzelfde patroon.
  6. Wat je ook (lokaal) kunt doen, is onder elke images-map een submap originelen zetten; dan kunnen die daar gestald blijven, en komen de voor het web geoptimaliseerde en op maat gemaakte foto's in de images-map.

Zo kunnen er 50, 500, 5.000 of 50.000 foto's geplaatst worden, zonder dat het een zoekplaatje wordt waar 20.000 mijlen onder zee welke foto zit. :p

Akkoord?
[edit]Ik bedenk net dat de serie-mappen het ook wel zonder submappen images kunnen stellen: behalve de images is er toch alleen maar de fotopagina van die serie die er in hoeft (en die is gemakkelijk te herkennen).[/edit]

Met vriendelijke groet,
CSShunter
_________________
*) Met javascript ga ik niet zo hard, want daar heb ik geen oorverdovende kennis van. Maar Google is erg behulpzaam om over js te lezen en te leren.
Daarna het muteren van de gevonden voorwerpen (niet alles is even goed!), implementeren, testen, en vooral ... debuggen. ;)
 
Laatst bewerkt:
Hoi css,

De mapjes staan geharingschikt op de site, melding gemaakt op de foto-pagina met de makreelding dat de pagina wordt geherkabeljouwd.

Tot snel,

Joop.

P.S. Mijn nederlands wordt steeds beter.
 
Hoi redevelder#126,
Ah, de makreelding dat de pagina wordt geherkabeljouwd zal door de kikkerlingen met vreugdevol gekwakel worden binnengeaald.

=======
De mapjes staan geharingschikt op de site
Klik om te vergroten...
Mooi! :thumb:
  • Mag deze haringkraker ook weten of ze wel/geen images-map in hun zeemaanskroeg herbergieren?
  • En hoe ze achter de kombuiskachel heten?
Dan kan zo langzamerzeil het protonentype in de harpuis gezet worden, zodat de schuit bij de vellen gemanierd wordt.

Van achter de kluiver,
met vriendelijke groet,
CSShunter

_______
PS: dat Gloof ikkook. ;)
vanDale-nl.png
 
Hoi dan,

Geen image mapjes gemaakt, die van 2011 heeft 1 map die archief heet en die van 2012 heeft er twee met als doel clinicu12 en clinicbovenu12 (maar die kenden we al)

Groenten,

Ikke
 
Hoi Joop,
Nou kan ik toch met geen mogelijkheid die mappen vinden. Gezocht op bv. dekikkers.nl/fotos2012/clinicu12/, dekikkers.nl/clinicu12/, dekikkers.nl/afbeeldingen/clinicu12/, maar allemaal naks (zou ook kunnen omdat de mappen nog leeg zijn)..
  • Kan je het volledige pad naar de mappen geven?
  • En ook een afbeelding in elke map zetten (groot of klein, maakt niet uit), met opgave volledig pad naar de foto's?
    (alvast meer kan ook) ;)

In elk geval heb ik als parate plaatjes voor plaatsing in de techniek/images-map:



En voor in de map techniek:


*** edit ***
Zuut!
Duizend bommen en granaten! :evil::mad::confused::shocked::eek: Daar blijkt m'n bliksekaters.nl op 2 nov. 2012 om 2:02 opnieuw gehackt te zijn! :shocked:
Dat was dus net een paar minuten nadat ik deze bestanden had geüpload.
Het htm-bestand en het js-bestand zijn nu besmet met troep, de links heb ik vlug weer weggehaald. Als je ze al hebt binnengehaald, graag meteen vernietigen: kielhalen en halverwege het touw loslaten!
Ook alle andere pagina's (.htm, .php) en scripts (.js) op de site zijn nu niet meer o.k.
Nergens meer op klikken!
Bah!
*** /edit ***

Met vroendelijke grieten,
CSShunter
___________
*) Toch nog 1.560 resultaten, zegt Google. :D
 
Laatst bewerkt:
Hoi Joop,

// En dan iets he-le-maal off-topic's (maar dat kan misschien door de vingers gezien worden na 130 posts in dit topic).

Over Google gesproken, meneer Spring in 't Veld: De Kikkers springen daar buitengewoon opvallend rond merkte ik een paar dagen geleden.



En in ons kikkerlandje (en nabuur België) zijn er nogal wat clubs die zich met de welluidende naam De Kikkers tooien. Zoals daar zijn:
  • Hockeyclub De Kikkers in Nieuw Vennep
  • Tennisclub De Kikkers in Nieuw Vennep
  • Indoortennispark De Kikkers in Nieuw Vennep
  • Volleybalclub de Kikkers in Aardenburg
  • Carnavalsvereniging De Kikkers in Mestreech
  • Kikkerklas De Kikkers uit Belgie
  • Zwemclub De Kikkertjes in Ninove, BE
  • Kinderopvang De Kikker in Kessel-Lo, BE
  • Buurtvereniging De Kikkers in Winssen
  • Cricket Club de Kikkers in Hoofddorp
  • Basisschoolgroep De Kikkers in Boskoop
  • De Kikkers, Puchrijders 60-er jaren in Den Haag
  • Huurhuis "De Geveerde Kikker" in Egmond aan Zee
  • De Blauwe Tram "De Kikker" van Amsterdam naar Zandvoort
  • enz.
Hoewel kikkers wat moeite hebben met pluimen, toch een pluim voor dekikkers.nl om zo hoog te scoren! :)

Merkwaardigerwijs vindt Google minder resultaten als je puur op kikkers zoekt:
  • Zoek op: kikkers, geeft 1.340.000 resultaten, met dekikkers.nl als nummer 8 op pagina 1, toch ook niet slecht!

En verder staan dekikkers.nl keurig aan kop, als je zoekt op kikkers basketbal, Basketbal Kikkers, Basketball Kikkers, Basketbal De Kikkers en andere denkbare combinaties. En ook op nr. 1 als je zoekt op kikkers born (!), boven de andere ongeveer 5.709.999 collega-resultaten.

Met vriendelijke groet,
CSShunter
____________
*) Toch is er met de De Kikkers-pagina's "niets bijzonders" aan de hand: gewoon alleen maar valid html, een duidelijke menustructuur, goede betiteling van de pagina's in <title>'s en hoofdkoppen, nette description's per pagina, en last but not least: prima inhoud die de lading dekt.
Zo blijk je het dus ver te schoppen bij Google!

[edit]Alarm! mocht je de kikkers-fotopagina-top.htm en de kikkers-fotopagina.js van hierboven al hebben gedownload, dan svp meteen vernietigen: ze zijn gehackt en besmet...
Zie de edit in bovenstaande post.[/edit]
 
Laatst bewerkt:
Hoi Hunter,

Das balen, gelukkig voor mij heeft druk zijn ook zijn voordelen, ik had de bestanden nog niet geplaatst.

Ga nu rustig afwachten wat de toekomst brengt, succes met de site.

Groeten,

Joop
 
Hoi Joop,
Merci merci, eens kijken hoe we dat nu weer moeten oplossen...
Het lijkt dat ik wel verse bestanden ongestoord op de site kan zetten, maar voor de veiligheid doe ik de twee van hierboven even ingezipt in een bijlage:

Bekijk bijlage techniek.rar

Wordt vervolgd!
CSShunter
 
Hoi Css,

De techniek.rar in de map techniek geplaatst en dus deze weer 2 bestanden rijker.
Voor de map 2011: http://www.dekikkers.nl/fotos2011/fotoarchief/fotoarchief.html

Moet/kan er al meer geplaatst worden??

Groeten Joop.

P.S. Google op dekikkers en heb Ongeveer 33.800 resultaten met als nummer 1 : De Kikkers :: Basketball-vereniging in Borne :: home
www.dekikkers.nl/
Basketball-vereniging De Kikkers in Borne (Overijssel) speelt competitie en voor recreatie. Er zijn teams voor dames, heren, senioren, jongens en meisjes.:thumb:
 
Laatst bewerkt:
Hoi css,

Heel goed nieuws we hebben een nieuwe sponsor erbij, slechte nieuws is natuurlijk dat dit moet worden aangepast.
De foto staat al in de map images. (trend logo www.tagline)
Hoor wel als ik iets moet doen.

Gr Joop
 
Laatst bewerkt:
Hoi css hunter,

Gaat het wel goed?? maak mij een beetje ongerust over de internet stilte......

Groeten,

Joop
 
Hoi Joop,
Jazeker wel! Had het de afgelopen tijd wat druk met andere dingen (plus: de Helpmij-site --met jouw laatste links-- lag er uit toen ik vorige week aan de slag wou gaan, en plots was een paar dagen mijn internet-verbinding niet vooruit te branden *), maar ik sta net op het punt me weer eens op het vlaggenschip te werpen. :)

Tot later,
Met vriendelijke groet,
CSShunter
________
*) Dacht eerst dat het een lokaal probleem was, maar m'n kabeltje naar het modem bleek bestand tegen een test, en ook de ADSL-verbinding vanuit het modem werd opgebouwd. Alleen de laatste stap van ADSL naar internet wou niet lukken, maar dat zat dus bij de provider. Gelukkig is het vanzelf weer overgewaaid: opeens was de verbinding er gewoon wel, terug van weggeweest.
 
Issie weer.
De homepage van de nieuwe tagline.com-sponsor omgebakken tot logo in het kikker-formaat *), en toegevoegd aan:



Rijst de vraag: waar moet ie komen?
  • Op alle pagina's? Dan kan het door 'm onderaan in de rechterkolom op te nemen, die dan 1 logo hoger wordt (kan nog net).
  • Ook in de rechterkolom van de sponsoren-pagina?
  • Hé, daar zie ik nu ook nog een nieuwe! Trent Glasvezel, die ook nog geen logo heeft. Wat moet daar mee gebeuren? Ook een logo op elke pagina (bv. onderaan in de linkerkolom); lijkt me in ieder geval ook in de rechterkolom op de sponsorenpagina.
  • Vooruit, dit was een makkelijke: het formaat van hun logo past in het kikker-sponsorlogo-formaat. Gauw toegevoegd aan bovenstaande nieuwe sprite.
Dan toe te voegen / te veranderen:
Code: 
a#trent    { background-position: 0 -648px !important; }
a#trent:hover,
a#trent:focus    { border-color: #E1404C !important; }
#sponsoren #mededelingen {
	...
	height: 500px;
	}
Met aldus:



En op de pagina sponsoren.php kan je de trent toevoegen aan het rijtje van de #mededelingen:
HTML: 
...
<a id="dekoning" href="http://www.dekoningschilders.nl" title="Naar website dekoningschilders.nl" target="_blank"></a>
<a id="trent" href="http://www.trentglasvezel.nl" title="Naar website trentglasvezel.nl" target="_blank"></a>

Zo, wilde ik niet iets aan de foto-pagina's gaan doen? ;)
Wordt vervolgd!
CSShunter
__________
*) Eigenlijk zou je er iets op moeten vinden om zelf (of uitbesteed) zoiets te brouwen, want ik vind het wel leuk om t/m fase 2 van de verjongingskuur van de site tevens bijkomende scheepsonderdelen te leveren, maar zo blijf je in de toekomst wel afhankelijk van bovengetekende...

Edit!
Ho-ho, ho-ho, ho-ho! :D
Nieuwsgierig als ik was, had ik snel geklikt op je link naar [url]www.tagline[/URL] van nummer #135, en dat leverde de site van tagline.com op waar ik geen trend logo op hun logo-pagina kon ontdekken; dus dacht dat het tagline zelf moest zijn. Ook niet in de gaten dat Tagline Communications een club uit California is, met waarschijnlijk weinig sponsorische binding met de kikkers (ieder zichzelf respecterend NL bedrijf heeft tegenwoordig Engels als voertaal (!), en dus niet verder gekeken dan de korte neus).
Ook niet begrepen "De foto staat al in de map images".
Nu denk ik dat alleen trent glasvezels de bedoeling was, een stuk dichter bij huis!
En daarvan staat de sponsorshirt-foto inderdaad in de images map en ook op de sponsor pagina...
Afijn, mocht Tagline Communications ooit behoefte hebben aan hun logo op formaat 167*81px, dan kunnen ze zich bij ons melden. ;)
 
Laatst bewerkt:
Hoi Joop,
Nu dan het vervolg Fase 2!

De ingrediënten
Ik geloof dat je zo ongeveer alle toebehoren inmiddels geplaatst hebt.
Nee, toch niet, de bestanden uit reactie nr. #129 moeten nog geüpload worden:



Ook de twee stuks uit nr. #133 zijn nog niet aan boord:



Beide heb ik op de site virusvrij gemaakt, dus je kunt ze nu ook direct aftappen ipv via het rar-bestand.

=======
Dan blijven nog over: de eigenlijke fotopagina's zelf.


  • Voor de clinic boven u14 is dat deze: clinicbovenu14.htm

  • Kan hernoemd worden tot clinicbovenu14.php, en dan naar z'n mapje: dekikkers.nl/fotos2012/clinicbovenu14/
  • Voor de andere foto-pagina's kan je hetzelfde bestand nemen, maar hernoemen tot de juiste naam + weer uploaden als .php-bestand.

=======

Gebruiksaanwijzing foto-pagina's
Na het voorafgaande is dit erg simpel geworden. :)
Ze hebben allemaal de structuur:
HTML: 
<div id="inhoud">
	<h2>Clinic boven u 14, ... 2012</h2>
	<p>Deze clinic vond plaats ... pompelepom ... <br />
	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh 
	euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Duis autem 
	dolor in hendrerit in vulputate velit esse molestie consequat, vel illum 
	dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio.</p>

	<div id="serie">
		<a href="foto01-groot.jpg">|<img src="foto-01-klein.png" alt="" title="" /></a>	
		<a href="foto02-groot.jpg">|<img src="foto-02-klein.png" alt="" title="" /></a>	
		<a href="foto03-groot.jpg">|<img src="foto-03-klein.png" alt="" title="" /></a>	
		<a href="foto04-groot.jpg">|<img src="foto-04-klein.png" alt="" title="" /></a>	
	</div>
</div>
  • Je hoeft voor de serie alleen de namen van de foto's in te vullen (die in dezelfde map als de pagina staan). :)
  • Het streepje | tussen de grote en de kleine is essentieel, en moet er altijd bij! (Is het streepje weggelaten, dan zie je dat aan de positie van de kleine foto: die staat dan niet goed in het diaraampje.)
  • De grote foto's en de kleine foto's hoeven niet dezelfde roepnaam te hebben, en hoeven ook niet van hetzelfde bestandstype te zijn.
  • Zowel de grote als de kleine serie hoeven niet steeds de consequente namen als boven te hebben: het mogen willekeurige namen zijn, ook zonder nummering.
  • Desgewenst kan een foto altijd naar eerder of later in de serie verplaatst worden als dat beter uitkomt (als ze genummerd zijn, maakt de nummering niets uit; die hoeft niet veranderd te worden).
  • De grote foto's zijn het mooist als deze op ware grootte zijn, d.w.z. allemaal een hoogte van 400px hebben.
  • De thumbnails zijn bij een liggende foto het mooist als de breedte 135px is.
  • De thumbnails zijn bij een staande foto het mooist als de hoogte 135px is.
  • De alt="" moet altijd een lege alt blijven. Als er een bijschrift bij moet, kan dat in de title="" gezet worden.

Maar ... het hoeft allemaal niet persé! :)
  • De foto's kunnen desgewenst ook van een andere site afgetapt worden (dan moet het volledige pad met "http://..." enz. ingevuld worden).
  • Het formaat van de grote foto's maakt niets uit: dat wordt altijd automatisch aangepast tot wat op de pagina nodig is (maar terugbrengen tot 400px hoog is het mooist, en scheelt ook downloadtijd).
  • Het formaat van de thumbnails maakt ook niets uit: dat wordt ook altijd automatisch aangepast tot wat op de pagina nodig is (maar een breedte resp. hoogte van 135px is het mooist en/of scheelt downloadtijd).

Voorbeelden van de mogelijkheden

Zie de testpagina prototype-02.8.php (is nu onbesmet gemaakt)


  • Bij de vierde foto is de grote foto een .jpg, de thumbnail ook een .jpg
  • Bij de eerste foto is de grote foto een .jpg, maar de thumbnail een .png (alle combinaties zijn denkbaar, als het maar jpg's, png's of gif's zijn).
  • De derde thumbnail heeft een lege title="" (en de grote dus geen bijschrift).
  • De vierde thumbnail heeft heeft helemaal geen title-attribuut (en de grote dus ook geen bijschrift).
  • Bij de derde foto staat de grote foto niet bij (in dit geval) bliksekaters in het fotomapje, maar deze wordt rechtstreeks binnengehaald vanaf de vindplaats van de facebook-foto.
  • Bij de derde foto is de grote foto ook niet teruggeschaald naar 400px hoog (hij is 643px hoog).
  • Bij de derde foto is de thumbnail eveneens opgehaald bij facebook.
  • En de thumbnail van de derde is ook niet verkleind tot 135px breed ... het is dezelfde foto als de grote! :d

Conclusie
  • Als je haast hebt, bv. bij binnenkomst van een nieuwe serie, dan kan je de binnengekomen foto's zonder op- of omzien in de betreffende map pl**ren (of zelfs alleen de externe vindplaats noteren), en bij de grote foto's en de thumbnails deze (zelfde) vindplaats opgeven.
  • De pagina draait dan acuut (maar wel wat traag, omdat eerst alle grote -- die nu ook de thumbnails zijn geworden-- bij de bezoeker moeten binnenkomen om de hele serie te laten zien).
  • Eerste actie daarna: de thumbnails aanmaken op 135px breed resp. hoog (serie is dan op snelheid).
  • Van later zorg: de grote van een eventuele externe bron kopiëren en in de eigen map zetten (onafhankelijk maken van opdrogen externe bron); de grote verkleinen tot 400px hoog (snelheidsverhoging bij tonen van de grote, plus sparen op de server-ruimte).

Ben ik nog iets vergeten?
Ja, in elk geval de toelichting hoe het script enzo precies werkt. Dat schuif ik nog even naar voren ;) : als ik eens tijd heb zal ik van deze op-maat-gemaakte versie van de fotopagina een universeel voorbeeld gaan maken, waar dan de toelichting bij kan komen.

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Hoi Css,

Verwarring allom, het is indedraad Trent, de nieuwe advertenties.png geplaatst en de nieuwste stylesheet er op....
Controle en de sponsor pagina heeft netjes het logo maar de rest niet, zoeken.....
In de stylesheet staat apdiv 11 en daar staat trent netjes vermeld, help.

Nu eerst maar plaatsen van de fotopagina.

Groeten Joop

p.s. er staat een foutje in de filler tekst:
Bedoelde u: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
Klik om te vergroten...

p.s. 2 Tagline Communications belde net om te vragen wat je voor dat logo vraagt.

p.s 3: het menu bovenaan (op de niet foto-pagina) ondervind nogal hinder van het foto-onderdeel van het menu uit de foto pagina.

foto-overlay-probleem-gevalletje-in-het-menu.jpg

Heb dus even de oude weer terug gezet.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan