plaatje veranderen met scrollbar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Peter  paul

peter paul

12/11/2010 14:53:27
Quote Anchor link
Ik weet niet of dit de juiste plek is om mijn vraag te stellen aangezien ik geen flauw idee heb hoe ik dit moet oplossen.

Ik wil graag dat wanneer ik een scrollbar verschuif van links naar rechts dat mijn plaatje veranderd

Bijvoorbeeld dat hij verticaal uitrekt
http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld.jpg

Of dat de zijkanten gebogen worden
http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld2.jpg

Mijn vraag is dan ook hoe krijg ik dit voor elkaar?

Alvast bedankt voor je tijd
Gewijzigd op 12/11/2010 15:28:58 door Peter paul
 
PHP hulp

PHP hulp

13/05/2021 18:09:36
 
Jel le

Jel le

12/11/2010 14:55:29
Quote Anchor link
Zoiets kan je volgens mij wel doen met jQuery.
Ik weet alleen zelf niet hoe je zoiets zou doen.

jQuery scroll()
Gewijzigd op 12/11/2010 14:56:43 door Jel le
 
Peter  paul

peter paul

13/11/2010 13:16:47
Quote Anchor link
Ik heb gezocht naar jQuery scroll() maar daar vond ik niet waarna ik op zoek ben.

Ik wil dat een plaatje veranderd wanneer ik scroll met de scrollbar.

http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld3.jpg

of

http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld4.jpg
 
Dalando De Zuil

Dalando De Zuil

13/11/2010 14:53:13
Quote Anchor link
Een plaatje zo buigen zoals je hier hebt rechts, kan niet:

http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld4.jpg

Dat kan niet met HTML / JS / PHP of wat je dan ook dacht. Wat misschien wel kan, is een input range, die laten checken op welke stand ie staat mbv een functie in JS, en dan innerHTML van een div laten verschillen met 3 plaatjes.
 
Vincent Huisman

Vincent Huisman

13/11/2010 16:05:46
Quote Anchor link
linkje voor de eerste:
http://api.jquery.com/animate/
 
Th van

Th van

13/11/2010 18:06:40
Quote Anchor link
Die eerste:
http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld3.jpg
moet zowiezo wel kunnen.

Met javascript de afstand opnemen van het scroll-balkje, en dan de height, van de div vermenigvuldigen met die afstand.

Ik zou alleen niet weten hoe je die afstand opneem. Anyone?

--edit:
Wat dacht je van dit?
http://jqueryui.com/demos/slider/

Kun je een beetje met javascript en jquery omgaan? Dan moet dit best lukken..
Gewijzigd op 13/11/2010 18:08:42 door Th van
 
Peter  paul

peter paul

15/11/2010 19:26:04
Quote Anchor link
Bedankt voor de reacties.

Dit waren natuurlijk makkelijke voorbeelden. Maar wat ik eigenlijk wil maken is het volgende. Alle bezoekers van mijn site kunnen een character maken. De bedoeling is dus dat ze bepalen hoe groot hoe dik etc. de character wordt. Is dit mogelijk en zo ja in welke taal kan ik dit het beste gaan schrijven.
 
Peter  paul

peter paul

18/11/2010 12:29:04
Quote Anchor link
*Bump*
 

18/11/2010 12:38:53
Quote Anchor link
Dalando De Zuil op 13/11/2010 14:53:13:
Een plaatje zo buigen zoals je hier hebt rechts, kan niet:

http://i713.photobucket.com/albums/ww139/php_peter/voorbeeld4.jpg

Dat kan niet met HTML / JS / PHP of wat je dan ook dacht. Wat misschien wel kan, is een input range, die laten checken op welke stand ie staat mbv een functie in JS, en dan innerHTML van een div laten verschillen met 3 plaatjes.


Echt wel. Met canvas kan je dit vast en zeker oplossen.

Peter paul op 15/11/2010 19:26:04:
Bedankt voor de reacties.

Dit waren natuurlijk makkelijke voorbeelden. Maar wat ik eigenlijk wil maken is het volgende. Alle bezoekers van mijn site kunnen een character maken. De bedoeling is dus dat ze bepalen hoe groot hoe dik etc. de character wordt. Is dit mogelijk en zo ja in welke taal kan ik dit het beste gaan schrijven.

Ik neem aan dat je een poppetje bedoelt. Kan jij al een poppetje in fotosoep ofzo maken? Dan zul je zien dat dat redelijk ingewikkeld is als je die aanpassingen doet die jij wilt doen. Als je zoals je het nu voorstelt een distortion wilt doen op een bepaald onderdeel moet je er ook rekening mee houden dat andere onderdelen van het plaatje mee kunnen mis/vervormen.
Gewijzigd op 18/11/2010 12:46:49 door
 
Rene Wennekes

Rene Wennekes

18/11/2010 12:39:21
Quote Anchor link
Je zou 2 buttons kunnen maken met + en - en daar een onclick event aan hangen en dan de breedte en hoogte iva javascript-dom kunnen veranderen.

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_img_hspace
 
Jacco Engel

Jacco Engel

18/11/2010 14:09:13
Quote Anchor link
Mischien een domme suggestie maar is het geen idee om die 2de (die gaat om dikte neem ik aan) met een cirkel / ovaal te doen? dan is het namelijk wel weer relatief makkelijk
 



Overzicht Reageren

 
 

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.