Versio

Picture Navigator

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

BHosted Hosting al vanaf € 1,- per maand

Controleer nu gratis jouw domeinnaam:

  

PHP script bestanden

  1. picture-navigator

 

29 reacties op 'Picture Navigator'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Bram Z
Bram Z
8 jaar geleden
 
0 +1 -0 -1
WIjs gemaakt, wel trage server waar jij host
Jelmer rrrr
Jelmer rrrr
8 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
8 jaar geleden
 
0 +1 -0 -1
Jah dat had ik kunnen doen, en de servers, tja ik kan er niks aan doen
Jelmer rrrr
Jelmer rrrr
8 jaar geleden
 
0 +1 -0 -1
mirror (ik vertrouw funpic niet zo ^^,)
ook de plaatjes zijn beschikbaar hier
Alfred -
Alfred -
8 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
8 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
8 jaar geleden
 
0 +1 -0 -1
Zeer mooi script :D


8 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
8 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
8 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
8 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.
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Han eev
Han eev
8 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
8 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
8 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


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


8 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 rrrr
Jelmer rrrr
8 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
8 jaar geleden
 
0 +1 -0 -1
Jep, Daar zat ik ook al aan te denken. =]
Willem Jan Z
Willem Jan Z
8 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 rrrr
Jelmer rrrr
8 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
8 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 rrrr
Jelmer rrrr
8 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
8 jaar geleden
 
0 +1 -0 -1
(y) Mooi gedaan Jelmer!
Heleen
Heleen
8 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
5 jaar geleden
 
0 +1 -0 -1
mooi script alleen nogal erg onoverzichtelijk..
Han eev
Han eev
4 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.

  • Details
  • Han eev
    Door:
    Han eev
  • 8 jaar geleden
  • 364 x bekeken
  • Labels
  • Geen tags toegevoegd.
Get Adobe Flash player