looking for help on : Image rotation

  • Hello.

    I am in an investigation mode to see if it’s possible to do the following within a wordpress install.

    Why WordPress…
    The client would like to end up managing the site themselves.
    This is the CMS I am more familiar with.
    ( Don’t really want to have a non-CMS site)

    My WordPress/coding level is intermediate.

    The Client
    The site is a comic book site. Show 3-5 frames at a time.

    WordPress theme is yet undecided. Considering in making my own (yet to be really confident with this) , however up for suggestion.

    What needs to happen.
    The layout structure will be:

    Image A
    Image B
    Image C
    Image D

    < Basic Nav forwards- backwards – home and end >

    The problem.
    I would like the user to be able to click on any image (A, B, C,D). and all the images will spin 180 degrees.

    Any ideas on how to do this
    keane

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use CSS3 rotate https://davidwalsh.name/css-transform-rotate

    Thread Starter keanechan

    (@keanechan)

    Thanks.

    is there a selector for the CSS where it activates onClick?
    I understand you can spec the image rotation, but all the images to spin when the user clicks on the image?

    Cos the images are viewable at 0 degrees and 180 degrees.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use the :active selector
    https://www.w3schools.com/cssref/sel_active.asp

    Thread Starter keanechan

    (@keanechan)

    That’s quick…. Thanks for responding so fast.
    I think I am almost there, I will need to try some trials.
    ( likely be following webkit…)

    from my understanding :active would do the single rotate…

    Example

    a:active
    (
    -webkit-transform:rotate(120deg);
    )

    depending on which one was clicked, if this was tired to an image.

    but it was tired to the container div…. then the order will be

    From
    A
    B
    C

    to (180 spun)

    C
    B
    A

    would i be able to spin and having it centered on itself so it’s

    (0 or 180 spun)
    A
    B
    C

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘looking for help on : Image rotation’ is closed to new replies.