Click Me

  • 2 Replies
  • 139 Views
*

8pla.net

  • Trusty Member
  • *********
  • Terminator
  • *
  • 869
    • 8pla.net
Click Me
« on: November 14, 2017, 01:16:59 pm »

Demo site: http://chatbot.altervista.org/clickme.svg

This Scalable Vector Graphics XML-based
image (once the avatar is clicked) updates
the text, "Click Me" to say "Thanks".

In short, this is a clickable SVG map. 
When it is scaled, it does not pixelate.

The star is a back button to this thread.
It changes color when the mouse is over it.

Can you think of any ways to use this
interactivity in an avatar?

How good is SVG support in different
web browsers and mobile devices?

Read more about additional features...
« Last Edit: November 15, 2017, 01:18:30 pm by 8pla.net »
My Very Enormous Monster Just Stopped Using Nine

*

korrelan

  • Trusty Member
  • ********
  • Replicant
  • *
  • 744
  • Look into my eyes! WOAH!
    • Google +
Re: Click Me
« Reply #1 on: November 14, 2017, 11:56:23 pm »
Cool.

There is a thin horizontal line through the image that 'thickens' when the mouse pointer enters the images perimeter, also the star does not appear on the web page view.

 :)
It thunk... therefore it is!

*

8pla.net

  • Trusty Member
  • *********
  • Terminator
  • *
  • 869
    • 8pla.net
Re: Click Me
« Reply #2 on: November 15, 2017, 02:39:05 am »
Perhaps a new bbcode needs to be defined for SVG images,
which uses object tags instead of img tags.  (See Example).
But maybe only for use by trusted members.  It may not be
a good idea for public use.

I updated the post to separate the link from the image in the bbcode to get rid of the line.
If you right click and view image, you will see the image location (with the star).
Besides, that there may be a cache related bug regarding SVG images.

Your feedback is confirmed.  Thanks.

Example:  ( For discussion purposes only )
Code: [Select]
[svg]{URL}[/svg]
Code: [Select]
<object data="{URL}" type="image/svg+xml">
<embed src="{URL}" type="image/svg+xml" />
</object>
« Last Edit: November 15, 2017, 03:27:13 am by 8pla.net »
My Very Enormous Monster Just Stopped Using Nine