cesgra

cesgra supports this item

Supported

This author's response time can be up to 5 business days.

14 comments found.

Nice plugin, adding custom logo is that possible? Maybe a Wordpress version?

Thanks! Yes, it’s possible to add custom logos, documented here: http://dsgnblvd.com/envato/js-animation-svg-globe-markers-logos/documentation/readme.html#logo-carousel There’s no Wordpress version currently.

I mean there’s no Plug-in version. But you can use it with Wordpress – just upload all the necessary files to the server by FTP (not Wordpress CMS). I’ll include this in documentation later on.

Interesting globe, nice job. I was wondering if the globe has different sizes or scaling?

Thank you. Yes, it’s possible to resize the globe. Here’s some documentation: http://dsgnblvd.com/envato/js-animation-svg-globe-markers-logos/documentation/readme.html#resize-symbol-instances

SIR I AM NOT ABLE TO INSTALL THE PLUGIN IN MY JAVA SITE , KINDLY HELP ME ON THE ISSUE , , IF POSSIBLE THEN KINDLY E MAIL THE SOLUTION TO “KHERAINTERNATIONAL@GMAIL.COM”

OK, I’ll contact via this mail.

Hi,

I am using this “Animated SVG Globe with Markers and Logos” in my Joomla 3.3.6 site, but because of “jquery-1.11.1.min.js” file my slideshow stop working.

Can you please advise how do I make both working?

Hi,

I am using this “Animated SVG Globe with Markers and Logos” in my Joomla 3.3.6 site, but because of “jquery-1.11.1.min.js” file my slideshow stop working.

Can you please advise how do I make both working?

Hi. Could you please provide the link?

HI, Great Work. Multiple locations / pointer in single globe possible? Demo only shows single pointer in one globe.

Thanks. Yes, it’s possible to add as many as it fits.

Looks good. Is it possible to add a simple geographic marker and have a stationery logo on a rotating globe?

Do you mean static logo on top of that?

Yup. Static logo on a rotating globe that has a geographic marker.

Yes. That’s possible to modify it. Contact me if you have any questions regarding that.

This is just TOO COOL! I am wanting to use this on my next project. I created an example page for a client and all looked fine until I viewed it on my IPad and the Globe is not in scale like it appears when using my PC and IE, Firefox, and Chrome. Here is a link: http://www.markyorkdesign.com/polyport/index.html

Thanks again for creating such a wonderful tool.

THAT WORKED! Thanks a bunch!

You’re welcome. Could you please revisit the rating you’ve added for this item? :)

Hey There, thanks for the Globe, love it :-) All works ok however I have a “Rotating Domain Name Icon” that the script has caused to stop, wondered if you could take a look and advise please;

{literal} <script type=”text/javascript”> /* Rotating Domain Name Icon /

$(document).ready(function () { }); </script> {/literal}

$('.has-spinner').click(function () {
    var btn = $(this);
    $(btn).buttonLoader('start');
    setTimeout(function () {
        $(btn).buttonLoader('stop');
    }, 93000);
});

{literal}<script type=”text/javascript”> / Carousel / $(function() { $(”.slower .carousel”).jCarouselLite({ btnNext: ”.slower .next”, btnPrev: ”.slower .prev”, speed: 800 }); }); </script>{/literal} / Rotating Globe / $(function() { jQuery.noConflict(); $(window).load(set_globe); $(window).load(isScrolled); $(window).scroll(isScrolled);

/ VARIABLES SETUP /
/  Time to wait before intro animation after Globe is visible (ms)  /
var globe_intro_delay = 500;
/  Globe intro animation duration (ms)  /
var globe_intro_duration = 800;
/  Globe intro animation easing  /
var globe_intro_easing = "swing";
/  Globe continents' animation loop interval (ms) /
var continents_loop_interval = 8000;
/ VARIABLES SETUP: END /
var $globe_fr = $(".globe__worldmap__front"),
    $globe_bk = $(".globe__worldmap__back"),
    $globe = $(".globe");
var globe_el_x = [0, -473];
var globe_played = false;
/  Set the Globe  /
function set_globe() {
    $.Velocity.hook($globe, "visibility");
    $.Velocity.hook($globe_fr, "translateX", globe_el_x[1] + "px");
    $.Velocity.hook($globe_bk, "translateX", globe_el_x[0] + "px");
}
/  Run Globe intro animation  /
function globe_intro() {
}
$globe.velocity({opacity: 1}, {visibility: "visible", duration: globe_intro_duration, easing: globe_intro_easing});
continents_loop();
/  Run Globe animation  /
function continents_loop() {
    // Note: 'for' loop needed to fix some lag in iOS browsers
    for (var i = 0; i < 99; i++) {
        $globe_fr.velocity({translateX: [ globe_el_x[0], globe_el_x[1] ] }, {duration: continents_loop_interval, easing: "linear"});
        $globe_bk.velocity({translateX: [ globe_el_x[1], globe_el_x[0] ] }, {duration: continents_loop_interval, easing: "linear"});
    };  
    $globe_fr.velocity({translateX: [ globe_el_x[0], globe_el_x[1] ] }, {duration: continents_loop_interval, easing: "linear"});
    $globe_bk.velocity({translateX: [ globe_el_x[1], globe_el_x[0] ] }, {duration: continents_loop_interval, easing: "linear", complete: continents_loop });  
}
/ Activate animation on these events: onScroll, onLoad */
var elem = $(".globe__placeholder");
function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();
    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
};
function isScrolled() {
    if (isScrolledIntoView(elem) && globe_played == false) {
        setTimeout(globe_intro,globe_intro_delay);
        globe_played = true;
        $(window).unbind('scroll');
    }
}

}); ( jQuery ); </script>{/literal}

Hi there, please send me your files to cz.cesgra@yahoo.co.uk I’ll have a look.

How to replace logo-carousel with PNG file to logo1, logo2, logo3, logo4?

Hi,

Edit CSS in “globe.css” > span.globe__logo1 {background…} etc. Instead of .svg point to PNG files you want to use.

Can you include some documentation on adding this to WordPress? Speciifcally inside of LayerSlider?

We are having issues, so far the only way we’ve gotten it to remotely work is via iframe.

hi, I don’t have documentation on Wordpress. The easiest way to embed is via iframe I guess.

Awesome Work. GLWS

Thank you

Hi, Is there a wordpress plug-in for this globe?

No such

Hi, I purchased your Globe animation. I want to following 3 location to 1.2.marker-looped style.  > Chicago >  Colombo > Melbourne

I read your documentation. It is difficult give the position to those locations. Can you help me regarding this?

I mean How to Add multiple locations?

Hi there, I’ll send you modified files. Write me your e-mail to cz.cesgra@yahoo.co.uk

I sent the email. please check

by
by
by
by
by
by