Picture Navigator

Door Han eev, 17 jaar geleden, 1.954x 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

  1. picture-navigator

 

Er zijn 29 reacties op 'Picture navigator'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Bram Z
Bram Z
17 jaar geleden
 
0 +1 -0 -1
WIjs gemaakt, wel trage server waar jij host
Jelmer -
Jelmer -
17 jaar geleden
 
0 +1 -0 -1
Mooi ding!
Wat tabs in de broncode hadden de leesbaarheid wel wat verbeterd denk ik ^^,
Han eev
Han eev
17 jaar geleden
 
0 +1 -0 -1
Jah dat had ik kunnen doen, en de servers, tja ik kan er niks aan doen
Jelmer -
Jelmer -
17 jaar geleden
 
0 +1 -0 -1
mirror (ik vertrouw funpic niet zo ^^,)
ook de plaatjes zijn beschikbaar hier
Alfred -
Alfred -
17 jaar geleden
 
0 +1 -0 -1
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!
Legolas
Legolas
17 jaar geleden
 
0 +1 -0 -1
nog een bug je, als je helemaal omhoog gaat en dan uit zoomt krijg je het "void" te zien (in het nederlands: zwarte achtergrond)
Thijs X
Thijs X
17 jaar geleden
 
0 +1 -0 -1
Zeer mooi script :D


17 jaar geleden
 
0 +1 -0 -1
het script werkt op 1 ding na hij laat het plaatje niet zien help hoe komt dit
Jordi
Jordi
17 jaar geleden
 
0 +1 -0 -1
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?
Han eev
Han eev
17 jaar geleden
 
0 +1 -0 -1
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
Steff   an
Steff an
17 jaar geleden
 
0 +1 -0 -1
http://www.w3schools.com/css/css_positioning.asp Dat kan volgens mij met de functie clip. Dat zou dit script veel makkelijker maken.
Han eev
Han eev
17 jaar geleden
 
0 +1 -0 -1
Ik heb geen verstand van css wel van php dus daarom doe ik het in php
Marien xD
Marien xD
17 jaar geleden
 
0 +1 -0 -1
en in firefox werkt die niet mooi. miss dat je het hierin nog kan checken
Elwin - Fratsloos
Elwin - Fratsloos
17 jaar geleden
 
0 +1 -0 -1
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


17 jaar geleden
 
0 +1 -0 -1
Leuk script
Steff   an
Steff an
17 jaar geleden
 
0 +1 -0 -1
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.
Han eev
Han eev
17 jaar geleden
 
0 +1 -0 -1
Ik zie wel of ik het ga gebruiken
ik vind zelf php toch leuker


17 jaar geleden
 
0 +1 -0 -1
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
Jelmer -
Jelmer -
17 jaar geleden
 
0 +1 -0 -1
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 ^^,
Han eev
Han eev
17 jaar geleden
 
0 +1 -0 -1
Jep, Daar zat ik ook al aan te denken. =]
Willem Jan Z
Willem Jan Z
17 jaar geleden
 
0 +1 -0 -1
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
Jelmer -
Jelmer -
17 jaar geleden
 
0 +1 -0 -1
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.
GreatSlovakia
GreatSlovakia
17 jaar geleden
 
0 +1 -0 -1
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';
Jelmer -
Jelmer -
17 jaar geleden
 
0 +1 -0 -1
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.
Han eev
Han eev
17 jaar geleden
 
0 +1 -0 -1
(y) Mooi gedaan Jelmer!
Heleen
Heleen
16 jaar geleden
 
0 +1 -0 -1
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).
Vincent
Vincent
14 jaar geleden
 
0 +1 -0 -1
mooi script alleen nogal erg onoverzichtelijk..
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Han eev
Han eev
13 jaar geleden
 
0 +1 -0 -1
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.

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. picture-navigator

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.