Results 1 to 1 of 1

Thread: How to make input button checkbox use up/down arrow keys instead

  1. #1
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default How to make input button checkbox use up/down arrow keys instead

    i am working with a zoom image code made from css only (i think it's css3 since it uses 3d scale transforms), that uses input buttons to control which image is zoomed. it does this by the input button "Checking" the box (invisibly, of course) of the image that will be zoomed when the corresponding input button is pressed.
    i'd like the input button functions to be done by the up / down arrow keys on the keyboard, instead, and to have the up/down arrow keys animate between 2 images when either the up or down arrow key is pressed and held down and to have the zoom function stop zooming if the arrow keys are not being held down. is this possible? if the zoom stopping is not possible, is it possible for the animating of the two images to stop once the zoom for any particular image finishes and then restart once the arrow key in question is released and re-pressed? i think i said that right lol

    here's the code with the input buttons i'd like to modify.
    https://codepen.io/ge1doot/pen/XXJNov
    Last edited by jundo12; 04-24-2017 at 02:29 AM.

Similar Threads

  1. Using the up and down arrow keys to select a table row
    By jason_kelly in forum JavaScript
    Replies: 12
    Last Post: 01-31-2016, 05:45 PM
  2. Keybind for mousewheel to arrow keys
    By jundo12 in forum JavaScript
    Replies: 18
    Last Post: 10-05-2014, 05:19 PM
  3. Replies: 4
    Last Post: 04-28-2013, 04:01 PM
  4. Replies: 2
    Last Post: 01-22-2013, 02:58 PM
  5. Need help activating slideshow navigation with arrow keys
    By MamaGeek in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 11-25-2012, 04:47 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •