SVG Loading

เสร็จสมบูรณ์ โพสต์แล้ว 6 ปีที่ผ่านมา ชำระเงินเมื่อจัดส่ง
เสร็จสมบูรณ์ ชำระเงินเมื่อจัดส่ง

Wanted: the coding answer to our problem.

We use svg spritesheet-one for our desktop site. The icon is delivered this way:

<div id="desktop"><svg class="icon-class"><use xlink:href="/sprites/spritesheet-one#icon-one"></use></svg></div>

<div id="mobile"><svg class="icon-class"><use xlink:href="/sprites/spritesheet-two#icon-one"></use></svg></div>

We don't need spritesheet-one for our mobile site, instead we will use "spritesheet-two".

How do we prevent spritesheet-one from loading at all for mobile?

Please respond with the price you need to provide the answer today.

Thank you.

CSS HTML5 ออกแบบเว็บไซต์

หมายเลขโปรเจค: #14037272

เกี่ยวกับโปรเจกต์

14 ข้อเสนอ โปรเจกต์ระยะไกล ใช้งาน %project.latestActivity_relativeTime|แทนที่%

มอบให้กับ:

siliconforks

You could use JavaScript to load either the desktop or mobile spritesheet (probably based on screen width). For a complete solution, you probably want to detect changes in screen width and possibly load the other sp เพิ่มเติม

$50 USD ใน 3 วัน
(19 รีวิว)
4.5

freelancer 14 คน กำลังเสนอราคาในงานนี้ โดยมีราคาเฉลี่ยอยู่ที่ $138

babitabubu

Hi, I can make it ready in 24 hours. I'm ready to start work now.

$220 USD ใน 0 วัน
(282 รีวิว)
7.6
acurattechnosols

the changes are to be made in the CSS part. Will make it in 1 day.

$138 USD ใน 0 วัน
(0 รีวิว)
0.0
vikas8530

I have good work experience with front end technologies. Solution to your problem will be (in a broad way): 1. Check if mobile 2. Use the respective spritesheet

$111 USD ใน 1 วัน
(0 รีวิว)
3.8