时间戳

首页 > 解决方案 > 是否可以根据用户位置更改英雄图像？

jquery - 是否可以根据用户位置更改英雄图像？

问题描述

基本上，我正在为苏格兰和爱尔兰创建一个登陆页面。如果来自苏格兰的用户查看登录页面，我希望英雄显示苏格兰的图像，并且如果用户从爱尔兰查看，则相同的逻辑。

目前，这就是我正在使用的。下面的代码适用于从爱尔兰查看的任何用户。我假设这不起作用，因为很长和很长。

    var body = document.body;

    function locate() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function (position) {
                if (position.coords.latitude >= 53.1424 && position.coords.longitude >= 7.6921) {
                    $('.main-image-slider').css('background-image', 'url(/Destinations/Ireland_D15/GiantsCauseway_P2604/giants-causeway-19186.jpg)');
                } 
                else {
                    $('.main-image-slider').css('background-image', 'url(/Destinations/Scotland_D130/General/glenfinnan-railway-viaduct-19900.jpg)');
                }
            });
        } else {
            console.log(false);
        }
    };

    locate();

标签： jquerygeolocation

解决方案

推荐阅读