Javascript Pixastic script

  • Onderwerp starter Onderwerp starter Remq
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
Remq

Remq

Gebruiker
Lid geworden
29 okt 2009
Berichten
99
Hallo,
Ik ben een fotowebsite voor school aan het maken en vanavond is de deadline. Het heeft dus best veel haast :P. Mijn probleem is dat ik een javascript heb gevonden die mijn afbeelding sepia of zwart-wit kan maken, maar ik krijg hem niet aan de praat :(. Het is afkomstig van de volgende website: http://www.pixastic.com/.

Ik wil graag een afbeelding, met twee knoppen eronder die hem sepia of zwart-wit maken. Dit hoort te kunnen met dit script maar het lukt me niet...

Als iemand me antwoord zou kunnen geven vóór morgen zou dat geweldig zijn :D EDIT: Nu al te laat, moet het over 30 minuten inleveren :D

Remq
 
Laatst bewerkt:
Hallo. Ik zie dat je nihilogic's fotogeval wilt gebruiken, maar... wat is je code tot nu toe? Wat werkt er niet aan?


:thumb:
 
Ik heb nu dit als testje (die dus niet werkt)
HTML: 
<html>
<body>

<script type="text/javascript" src="pixastic.core.js"></script>
<script type="text/javascript" src="sepia.js"></script>

<script type="text/javascript">

var img = new Image();
img.onload = function() {
	Pixastic.process(img, "sepia");
}
document.body.appendChild(img);
img.src = "aap.jpg";

</script>

Uiteindelijk wil ik graag <img src="aap.jpg" class="kaas"> en dan twee knoppen met sepia en zwart-wit die er voor zorgen dat alle afbeeldingen met class="kaas" sepia of zwart-wit worden.

EDIT:

Dit is de pagina die moet gaan werken:
Site
De knop met 'desaturate image' werkt dus nog niet en er moet nog een sepia button naast.
 
Laatst bewerkt:
Moet ik ze in de head zetten? En wat is dat 404? ( ik bn slecht bekend met javascript :p)

ik heb nu core er ook bij gezet (in de head) maar werkt nog steeds niet :(
 
Laatst bewerkt:
De desaturate.js is nu gefixed, maar pixastic is nogsteeds niet aanwezig!
 
Ik heb nu in de <head> het volgende staan:
HTML: 
<script type="text/javascript" src="desaturate.js"></script>
<script type="text/javascript" src="pixastic.core.js"></script>
<script type="text/javascript" src="pixastic.jquery.js"></script>

Bij de foto in de <body> staat:
HTML: 
<IMG src="foto1.JPG" border=1 name=fotos id="filterimage"/><br><br><br>



<script type="text/javascript"> 
function demo() {
	Pixastic.process(document.getElementById("filterimage"), "desaturate", {
	})
}
</script>
<input type="button" onclick="demo();" value="Desaturate image"/>

Nog steeds doet hij het niet :(. Ik heb ook de juiste .js in de map staan. Ligt het misschien aan de tag die in de body staat of hoort hij zo te werken?
 
Ja, je moet ze ook wel in de goede volgorde zetten he? Dus eerst pixastic core, dan jquery, DAN pas desaturate.
 
Het werkt! Heel erg bedankt voor de hulp. Er zijn echter nog wel wat kleine mankementjes :o Als ik namelijk meerdere keren op sepia druk word de afbeelding steeds lichter :S. En wanneer ik op sepia of zwart wit heb gedrukt, werkt mijn javascript niet meer waarmee ik foto's selecteer. (Test maar uit: Site)

Als iemand daar naar zou willen kijken zou dat mooi zijn :D

Remq
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan