Hoe maak je een keuzemenu met een plaatje die mee veranderd?
-
Hallo, Ik ben net begonnen met een online store te maken en ik wil graag een pagina maken waarbij de klanten een keuze kunnen maken voor een bepaalde kleur van een onderdeel en dat ze dan ook direct kunnen zien hoe de verandering eruit zou zien. Dit wordt gedaan in de volgende sites:
http://www.controllerchaos.com/build-your-own.html
https://www.customcontrollerzz.com/Articles.asp?ID=252ik kan er maar niet achter komen hoe zij dat gedaan hebben.Help mij aub 🙁
-
Zij hebben daar waarschijnlijk een geavanceerde plugin voor gebruikt. Heb je daar al naar gezocht of die websites een e-mail gestuurd om te vragen hoe ze dat gedaan hebben?
Groet,
Thijs
–- Deze reactie is gewijzigd 3 jaren, 6 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
Nee ik heb geen antwoord gekregen. En ik heb ook op internet gezocht maar kan nergens informatie vinden over wat ze gebruikt hebben.
Groet,
Arsèn
Hi Arsen,
Het zijn in ieder geval beide geen WordPress websites.
Groet,
Thijs
–- Deze reactie is gewijzigd 3 jaren, 6 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
Hey Thijs,
Kan ik dan met een code oid het in wordpress zetten en het zo laten werken? Of ondersteund wordpress dat helemaal niet en moet het op een andere manier?
Groet,
Arsèn
Hey Arsen,
Volgens mij is dit precies wat je zoekt:
http://www.sitepoint.com/forums/showthread.php?735939-Image-Product-Color-changerGroet,
Thijs
–- Deze reactie is gewijzigd 3 jaren, 6 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
Thijs,
Ik heb even gekeken en de php code in wordpress gestopt.
Nou krijg ik wel een menu waarbij is alles kan veranderen maar ik heb om eerlijk te zijn geen idee waar ik in de code kan aangeven welke plaatje er veranderd moet worden en waar die dat vandaan moet halen.
Dit is de code:<?php
$isImageRequest = array_key_exists(‘colour’, $_GET);
if($isImageRequest)
{
$template = imagecreatefrompng(’t-shirt.png’);imagetruecolortopalette($template, true, 255);
list($r, $g, $b) = explode(‘,’, $_GET[‘colour’]);
imagecolorset(
$template,
imagecolorat($template, 100, 100),
$r,
$g,
$b
);header(‘Content-Type: image/png’);
imagepng($template);
exit;
}?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<link rel=”stylesheet” type=”text/css” media=”screen” href=”http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css” />
<link rel=”stylesheet” type=”text/css” media=”screen” href=”http://yui.yahooapis.com/3.3.0/build/cssbase/base-min.css” />
<link rel=”stylesheet” type=”text/css” media=”screen” href=”http://yui.yahooapis.com/3.3.0/build/cssfonts/fonts-min.css” />
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js” type=”text/javascript”></script>
<title>
Sitepoint Demo
</title>
</head>
<body><h1>
Pink T-Shirt!
</h1><img id=”preview” src=”index.php?colour=255,0,199″ alt=”Volledige knoppenset” />
<div id=”controls”>
<p>See it in … </p>
Red
Green
Blue
White
Black
</div><script type=”text/javascript”>
$(document).ready(function(){
$(‘a.c’).hover(
function(){
$(‘#preview’).attr(‘src’, ‘index.php?colour=’ + $(this).attr(‘rel’));
},
function(){
$(‘#preview’).attr(‘src’, ‘index.php?colour=255,0,199’);
}
);
});
</script></body>
</html>Waar kan ik dat stukje tekst vinden zodat ik het kan veranderen?
Thx voor de hulp btw .
- Het onderwerp ‘Hoe maak je een keuzemenu met een plaatje die mee veranderd?’ is gesloten voor nieuwe reacties.