Picture Navigator
Door Han eev, 23 jaar geleden, 3.937x bekeken
Ik moest even kijken op een route planner hoe je in parijs kon komen.
Ik zag dat ze een kaartje lieten zien met zoom in en zoom uit enz.
ik dacht dat kan je vast ook met php doen dus ik ging het maken om door grote plaatjes te
navigeren.
Tips zijn welkom!
En als je fouten vind mail me dan even.
Han
De plaatjes zijn op deze url te vinden!
http://phphulp.ph.funpic.org/navi/img.zip
Note: Ik werd gek van haakjes en er zitten denk ik dubbele vars in
Voorbeeld: http://phphulp.ph.funpic.org/navi/index.php?x=200&y=200&k=1
Gesponsorde koppelingen
PHP script bestanden
Er zijn 29 reacties op 'Picture navigator'
0 
-0 
-0
Mooi ding!
Wat tabs in de broncode hadden de leesbaarheid wel wat verbeterd denk ik ^^,
Wat tabs in de broncode hadden de leesbaarheid wel wat verbeterd denk ik ^^,
0 -0
-0
0 -0
-0
Mss een bug, maar als je in het begin gewoon op het pijltje naar rechts klikt, krijg je melding dat je niet verder kan uitzoomen :) Voor de rest, prachtig gemaakt!
0 -0
-0
nog een bug je, als je helemaal omhoog gaat en dan uit zoomt krijg je het "void" te zien (in het nederlands: zwarte achtergrond)
0 -0
-0
Mooi script, alleen hij moet nu elke keer opnieuw het grote plaatje inladen (voor het script) en dan een nieuw plaatje maken. Zou het niet veel sneller zijn als je door middel van CSS (in samenwerking met PHP natuurlijk) een bepaald deel van het plaatje liet zien?
0 -0
-0
Bedankt Jelmer voor de mirrors =)
En hoe moet dat met css dan?
En dat void komt doordat ik het venster 300x300 heb gemaakt en het plaatje = 1024x768 dus daardoor komt dat.
En ik kan gewoon naar rechts hoor ;)
Edit:(Niet rechtsonder) ik heb het al opgelost
En hoe moet dat met css dan?
En dat void komt doordat ik het venster 300x300 heb gemaakt en het plaatje = 1024x768 dus daardoor komt dat.
En ik kan gewoon naar rechts hoor ;)
Edit:(Niet rechtsonder) ik heb het al opgelost
0 -0
-0
http://www.w3schools.com/css/css_positioning.asp Dat kan volgens mij met de functie clip. Dat zou dit script veel makkelijker maken.
0 -0
-0
en in firefox werkt die niet mooi. miss dat je het hierin nog kan checken
0 -0
-0
Hier werkt het goed in FF.
Vindt het een grappig script. Zoals blijkt niet alleen toe te passen voor het inzoomen op een landkaart, maar ook mooi toe te passen in bijvoorbeeld een fotoboek met high-res foto's.
Misschien voor een volgende versie kijken of je het vierkantje in de volledige foto kan verschuiven (dat was namelijk het eerste wat ik probeerde). Maar dan zal je wel naar Java toe moeten...
Keep up the good work!
Elwin
Vindt het een grappig script. Zoals blijkt niet alleen toe te passen voor het inzoomen op een landkaart, maar ook mooi toe te passen in bijvoorbeeld een fotoboek met high-res foto's.
Misschien voor een volgende versie kijken of je het vierkantje in de volledige foto kan verschuiven (dat was namelijk het eerste wat ik probeerde). Maar dan zal je wel naar Java toe moeten...
Keep up the good work!
Elwin
0 -0
-0
Quote:
Ik heb geen verstand van css wel van php dus daarom doe ik het in php
Dan kan ik je wel een paar tips geven:
1. Probeer dit eens uit er verander wat waarden
2. De 1e en 2e waarde in de clip property, hoe groot het plaatje moet worden. De 3e en 4e vanaf waar de linkerbovenhoek begint.
0 -0
-0
Nadeel CSS clip wordt niet altijd goed ondersteund, hele afbeelding wordt geladen dat vooral bij groote afbeeldingen een nadeel zal zijn zowel in download tijd als in client belasting
0 -0
-0
Misschien zou je dat kleine plaatje bruikbaar kunnen maken door middel van een image map. En het eventueel cachen van de plaatjes zou ook geen kwaad kunnen ^^,
0 -0
-0
Misschien nog een mogelijkheid...
Als je ergens op de 'map' klikt dat je dan dat gedeelte te zien krijgt...
En als je ergens op het plaatje klikt dat hij het daar centreert...
Maar geen idee of het beetje mogelijk is, heb je script zelf niet echt bekeken
Als je ergens op de 'map' klikt dat je dan dat gedeelte te zien krijgt...
En als je ergens op het plaatje klikt dat hij het daar centreert...
Maar geen idee of het beetje mogelijk is, heb je script zelf niet echt bekeken
0 -0
-0
Ik heb het nu voor elkaar gekregen op een quick en dirty manier om via de map rechts te navigeren. Zie mijn mirror voor een voorbeeld.
Ik zal eerst eens even kijken of ik de waarden die ik gebruik kan laten uitrekenen, want nu gebruikt hij nog gewoon door mij ingevulde waarden.
Daarnaast krijg ik hem op een of andere manier niet werkend in Safari. Deze stuurt de coördinaten niet mee in de url, en ik kan ze ook nergens anders vinden. In Firefox wil hij wel.
Ik zal eerst eens even kijken of ik de waarden die ik gebruik kan laten uitrekenen, want nu gebruikt hij nog gewoon door mij ingevulde waarden.
Daarnaast krijg ik hem op een of andere manier niet werkend in Safari. Deze stuurt de coördinaten niet mee in de url, en ik kan ze ook nergens anders vinden. In Firefox wil hij wel.
0 -0
-0
Heb één keer eerder zo'n scriptie gemaakt, met twee verschillen
1. Had alleen het linker gebied
2. Alleen bij de eerste welke keek werd het gerenderd en opgeslagen op de server(groter,maar sneller.)
Maar iets wat ik alang wil weten hoe heet deze manier van variabele schrijven en kent iemand er een tutorial voor.
= (isset($_GET['y']) && $_GET['y'] >= 0 && ($_GET['y']+$cfg['stap']) <= $siz[1]) ? $_GET['y'] : '0';
1. Had alleen het linker gebied
2. Alleen bij de eerste welke keek werd het gerenderd en opgeslagen op de server(groter,maar sneller.)
Maar iets wat ik alang wil weten hoe heet deze manier van variabele schrijven en kent iemand er een tutorial voor.
= (isset($_GET['y']) && $_GET['y'] >= 0 && ($_GET['y']+$cfg['stap']) <= $siz[1]) ? $_GET['y'] : '0';
0 -0
-0
Ik heb eindelijk, na al die maanden ontdekt, hoe je dee positie doorstuurt waneer je op de map rechts drukt. Gewoon via een <form/> en een <input type="image"/>
Zie hier een voorbeeld, en maak van .php phps voor de broncode van het bestand.
Zie hier een voorbeeld, en maak van .php phps voor de broncode van het bestand.
0 -0
-0
Heel leuk script, alleen bij mij laat 'ie het plaatje niet zien.
Hij geeft verder geen foutmelding, hij kan alleen het plaatje niet laden wat ik heb opgegeven ('t is een jpg file).
Hij geeft verder geen foutmelding, hij kan alleen het plaatje niet laden wat ik heb opgegeven ('t is een jpg file).
0 -0
-0
Weetje hoe grappig! Dit script heb ik gewoon 3 jaar terug gemaakt, wat heb ik een boel geleerd en wat een onoverzichtelijke code zeg :P
Wel grappig om eens te zien, haha.
Ik gebruikte zelfs als classes, haha. Alleen wel fout.
Wel grappig om eens te zien, haha.
Ik gebruikte zelfs als classes, haha. Alleen wel fout.
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu