Tuesday 15 February 2011

html - Remove navigation arrows from embedded Flickr image -



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