html - Remove navigation arrows from embedded Flickr image -
i hosted images on flickr , used next html code in survey monkey show image in response section of multiple selection question:
<iframe src="https://www.flickr.com/photos/128329805@n07/15472931866/player/" width="75" height="31" frameborder="1" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
fiddle
the image appears however, set of arrows appear on image - scrolling arrows. users, 1 time images load, arrows appear briefly , disappear. however, other users, images load , arrows load , static - not go away. not ideal since arrows cover image , create them not visible.
it not seem browser issue, since users tested using both chrome , ie8. has had similar experience survey monkey? thought how remove these arrows?
if inspect page on demo added question, can see flickr adds overlay navigation dynamically. there doesn't seem way avoid when using iframe embed method.
however, can utilize html embed method instead, available in share dialog:
<a href="https://www.flickr.com/photos/128329805@n07/15472931866" title="10-2-2014 9-36-26 am-0000 leanne rayo, on flickr"> <img src="https://farm3.staticflickr.com/2946/15472931866_e6db07ce2a_t.jpg" width="75" height="31" alt="10-2-2014 9-36-26 am-0000"></a>
fiddle
if you'd rather not link, remove 2 anchor tags:
<img src="https://farm3.staticflickr.com/2946/15472931866_e6db07ce2a_t.jpg" width="75" height="31" alt="10-2-2014 9-36-26 am-0000">
fiddle
html image flickr
No comments:
Post a Comment