basilico / jquery-hoverspin

Spins 360° images since 3 september 2013
MIT License
2 stars 0 forks source link

360 VR Panorama Image on featured image elementor & wordpress hover rotating. #1

Open furkanbasersk8 opened 1 year ago

furkanbasersk8 commented 1 year ago

Hi i want to create a real estate page like this image hover effect, but i don't know where will i start?

Desribition: When the visitor hover on fatured image a card 360 VR Panorama Image on featured image elementor & wordpress will hover rotating via mouce cursor.

furkanbasersk8 commented 1 year ago

i added this code to functions.php

function add_360_spin_featured_image_support() { add_theme_support('360-spin-featured-image'); } add_action('after_setup_theme', 'add_360_spin_featured_image_support');

furkanbasersk8 commented 1 year ago

`.360-spin-featured-image { width: 100%; height: 360px; display: block; overflow: hidden; position: relative; }

.360-spin-featured-image img { width: 100%; height: 360px; position: absolute; top: 0; left: 0; transform-origin: center; } `

furkanbasersk8 commented 1 year ago

i added after this code to funcitons.php

function add_360_spin_script() { wp_enqueue_script('360-spin', get_template_directory_uri() . '/js/360-spin.js', array('jquery'), '1.0', true); } add_action('wp_enqueue_scripts', 'add_360_spin_script');

furkanbasersk8 commented 1 year ago

<?php if (has_post_thumbnail() && has_360_spin_featured_image_support()) : ?>

<?php endif; ?>

furkanbasersk8 commented 1 year ago

`<?php if (has_post_thumbnail() && has_360_spin_featured_image_support()) : ?>

<?php endif; ?> `

furkanbasersk8 commented 1 year ago

Any one help me?