Snij een deel uit een plaatje

Door Kay Kay, 19 jaar geleden, 5.810x bekeken

Met dit script kan je een thumbnail maken uit een plaatje.
Ik moet toegeven dat ik het grotendeels niet zelf heb gemaakt. Ik heb alleen dit script wat aangepast en een hele andere functie gegeven. Ook heb ik het voorbeeldscriptje van deze functie op php.net gebruikt.

Ik had het zelf nodig en waarom zou ik het niet met jullie delen :) Ben hier misschien een klein uurtje bezig mee geweest, niet heel lang dus.

Door ?plaatje=-hier je plaatje- te zetten, kan je het met een ander plaatje proberen.

//edit
In het voorbeeld wordt de mime type niet gechecked, omdat dat niet kan met externe plaatjes.

//edit
Het is nu niet meer mogelijk om buiten de afbeelding te klikken

//edit
zo kan je een ander plaatje kiezen en de hoogte en breedte van de thumbnail veranderen

//edit
Nu werkt het ook in andere browsers

Voorbeeld: http://zooi.brothersofflames.net/knip_point.php

Gesponsorde koppelingen

PHP script bestanden

  1. snij-een-deel-uit-een-plaatje

 

Er zijn 22 reacties op 'Snij een deel uit een plaatje'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
Oja, sorry voor het voorbeeldplaatje :p Die had ik toevallig in die map staan..
Ki ma
ki ma
19 jaar geleden
 
0 +1 -0 -1
TIP: klik op de foto het voorbeeld en daarna op de knop "maak plaatje" :)

verder ik snap het nut niet helemaal, maar wie weet kan ik de functie nog eens ergens anders voor gebruiken... bijvoorbeeld zoomen in een foto ofzo
B a s
B a s
19 jaar geleden
 
0 +1 -0 -1
Nice script! @Kima, check de titel.. Thumbnail maken..
Hipska BE
Hipska BE
19 jaar geleden
 
0 +1 -0 -1
Dit is geen Thumbnail...

Dit is een stukje van 65x65 uit de linkerbovenhoek van een image knippen.
Tikkes C
Tikkes C
19 jaar geleden
 
0 +1 -0 -1
ik dacht al dat ik gek werd :p haha :)

als ik het goed heb is $plaatje een vaste variabele...
misschien is het ook handig om ervoor te zorgen dat mensen een plaatje kunnen selecteren uit de map (link ingeven ofzo) of dat ze een foto uploaden en dat deze functie dan gelijk gebeurt...

het is maar een ideetje, anders moet je telkens weer iets aanpassen in je script.
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
@Hipska: Misschien staat Javascript niet aan? Onee, je hebt niet eerst ergens op het plaatje geklikt.

Door op het grote plaatje te klikken kan je van elk deel van de foto een thumbnail maken, dus waar je klikt, komt de thumbnail.

@Tikkes, dat kan ik voor het voorbeeld wel even doen denk ik :)
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
Ik heb het een en ander veranderd.
Eerst kon je buiten het maximale bereik van het plaatje klikken, nu niet meer. De kwaliteit van het plaatje is ook verbeterd en je kan ook plaatjes met een andere extentie dan jpg kiezen :)


19 jaar geleden
 
0 +1 -0 -1
Test eens in Opera, je javascript klopt niet helemaal, ik klik twee keer op dezelfde plek, maar toch staat dat blokje te hoog en verspringt het naar een andere plek.

Verder vind ik dit ook geen tumbnail, maar een uitsnede.
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
Ja, uitsnede is een beter woord.
Ik zal zo eens in Opera testen. Moet nu weg.
 
0 +1 -0 -1
Ik vind het een mooi script, misschien javascript klein beetje verbeteren, maar wel mooi gedaan.
Ano Niem
Ano Niem
19 jaar geleden
 
0 +1 -0 -1
In Google Chrome werkt ie ook niet echt lekker en in IE7 ook niet. De eerste keer dat je een positie selecteert gaat het goed, echter bij een tweede poging gaat het alleen goed als je in het gehighlighte stukje klikt.
PHP Newbie
PHP Newbie
19 jaar geleden
 
0 +1 -0 -1
@Sickness

Aanvulling: Het gaat goed zolang je boven het vakje drukt.
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
Het werkt idd niet in Opera en Chrome. IE kan ik niet testen.
In Firefox daarentegen werkt het wel heel goed.

Weet iemand hoe het komt? Ik ben geen ster in Javascript! Sterker nog, ik heb voor dit nog nooit wat met Javascript gedaan. Ik heb het een beetje afgekeken van mijn voorbeeld script (die met de lijn)

//edit
Ik zie dat de x coordinaten wel goed zijn in Opera en Chrome en ze reageren ook het zelfde. Ik probeer het zelf even op te lossen, maar verwacht er niet veel van.
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
Ik ben er achter hoe het komt dat ie in Chrome, Opera en IE niet goed werkt.
Bij het opvragen van de coordinaten, doen C, O en IE het fout, want die nemen de coordinaten van de divs die de donkere vlakken vormen. Als die er nog niet zijn, dus de eerste keer, gaat het goed.

Hoe ik dit op kan lossen? no id
Robert Deiman
Robert Deiman
19 jaar geleden
 
0 +1 -0 -1
Misschien kan je 't oplossen door die div meteen al te plaatsen en het doorschijnende deel meteen in de linker bovenhoek te plaatsen

Hoe je dat op kan/ moet lossen weet ik ook niet, maar wat wel leuk zou zijn is als je dat vlak kan slepen.. :) Dus dat je dat doorschijnende vlak al ziet (in de maten die je opgeeft) en dat je deze over het plaatje kan slepen naar de locatie waarvan jij denkt dat het het mooiste is om wat uit te knippen.
Thijs X
Thijs X
19 jaar geleden
 
0 +1 -0 -1
Script is leuk bedacht.
Alleen mis ik nog wel kleine check of de hoogte en breedte die je kan meegeven aan de url groter zijn dan 0

Anders krijg je dit:
Quote:
Warning: imagecreatetruecolor() [function.imagecreatetruecolor]: Invalid image dimensions in /storage/mijndomein/users/075130/public/sites/zooi.brothersofflames.net/knip_point.php on line 46

Warning: imagecopy(): supplied argument is not a valid Image resource in /storage/mijndomein/users/075130/public/sites/zooi.brothersofflames.net/knip_point.php on line 49
Robert Deiman
Robert Deiman
19 jaar geleden
 
0 +1 -0 -1
En aanvullend op dat van Thijs:
Er wordt ook niet gecontroleerd of het te selecteren vak groter is dan de eigenlijke afbeelding. Het is de bedoeling het script om een stuk eruit te knippen, om een 1-op-1 kopie te maken is het script niet bedoeld, (het kan prima) maar om een grotere uitsnede te maken dan de eigenlijke afbeelding is wel raar.
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
@Thijs en Robert,
Klopt, kan ik er nog wel even inzetten. Maar ik denk niet dat je voor normaal gebruik een afbeelding van 0px opgeeft :p

Zo klaar :)

@Roberts oplossing. Dat is idd een mooie oplossing. Ik doe het misschien morgen wel. nu geen zin meer.
Arian Stolwijk
Arian Stolwijk
19 jaar geleden
 
0 +1 -0 -1
Jouw php crop scriptje in combinatie met http://tools.uvumi.com/crop.html zou natuurlijk helemaal cool zijn ;)
Tikkes C
Tikkes C
19 jaar geleden
 
0 +1 -0 -1
ja inderdaad :) helaas kan je bij die crop enkel een vierkant uitsnijden en geen rechthoek bijvoorbeeld.
Ericbruggema x
ericbruggema x
19 jaar geleden
 
0 +1 -0 -1
Komt er nog een fix voor het probleem van de 2e klik? zodat deze wel op de plek komt waar je klikt?
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Kay Kay
Kay Kay
19 jaar geleden
 
0 +1 -0 -1
WTF, fixed!
Ik veranderde:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
        pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
        pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;


In:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
        pos_x = event.scrollLeft?(event.scrollLeft):event.pageX-document.getElementById("pointer_div").offsetLeft;
        pos_y = event.scrollTop?(event.scrollTop):event.pageY-document.getElementById("pointer_div").offsetTop;


En nu werkt het :o Thanks to link

@Arjan: Laat mij maar weer lekker nutteloos voelen :p

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

Inhoudsopgave

  1. snij-een-deel-uit-een-plaatje

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.