Jump to content
Sign in to follow this  
Followers 2
FREDskorpset

Animated GIFs don't work

Recommended Posts

I have searched the forum, but couldn't find anything.

 

I'm trying to add a couple og animated gifs to my unpublished cache's description. I have uploaded the .gif-files to geocaching.com's server. Then I have tried several different html -code-versions for adding pictures, but none of them will work.

 

Do you have any suggestions for making this work?

 

Thanks for your answer! :-)

Share this post


Link to post

I have a couple of cache pages with animated gifs on them.

 

This is one of them and it has two animated gifs, one served up from geocaching.com's server and one from mine.

 

All I did was upload the animated gif, get the URL to the image, and insert into the cache page like so:

 

 

Share this post


Link to post

Note - when you upload your animated gif, the "preview" page that shows the image you just uploaded will NOT show it animating, but if you click on the image you will view the ACTUAL uploaded image, it will be animating, and you can copy the URL from the address bar in your browser. That may be the step you're missing.

Share this post


Link to post

I have a couple of cache pages with animated gifs on them.

 

This is one of them and it has two animated gifs, one served up from geocaching.com's server and one from mine.

 

All I did was upload the animated gif, get the URL to the image, and insert into the cache page like so:

 

 

Thanks for your answer! I tried the html you wrote, inserted the image link from the server, but nothing happens.

Are there different types of GIF-files? I made mine using IMGFLIP.COM.

Edited by FREDskorpset

Share this post


Link to post

Nope, nothing happens wherever I click them. They do exactly what I want them to do when I open them in the computers gallery, but not in the uploaded versions in the browser. I also tried both Dropbox and Onedrive, but nothing.

Share this post


Link to post
Note - when you upload your animated gif, the "preview" page that shows the image you just uploaded will NOT show it animating, but if you click on the image you will view the ACTUAL uploaded image, it will be animating, and you can copy the URL from the address bar in your browser. That may be the step you're missing.
I just wanted to emphasize the above. There are a number of situations where the server does not show the uploaded image file, but instead shows a processed copy of the uploaded image file. Things like GIF animation won't work in the processed copies. You need to view the uploaded image file itself.

Share this post


Link to post

I just now tried it again and it worked fine for me.

 

1. From the cache page, click Upload Images

2. Select your animated gif and upload it

3. A preview of your uploaded file is displayed along with some other links - click on the preview image (that won't be animating)

4. Your uploaded image, animating, will be displayed, and nothing else. Copy the URL from the address bar

5. Paste this URL into your img tag on your cache page - <img src="paste your URL here">

6. Enjoy your animated gif on your cache page

Share this post


Link to post

THANKS! I finally understood what you meant and it worked like a charm! Now, if only the reviewer accepts it :-P

 

Thanks for your help! :-)

Share this post


Link to post

I just tried funkymunkys steps and when I click the preview image it still isn't animated... :( I have seen on other forums that deleting the /large from the url will make it work but that doesn't work all the time.

its weird because out of 8 of my caches 1 of them the gifs actually work! i'm sure sure what I'm doning wrong on the others I'm doing the same steps.

any help would be great.

ps. bad a** gif on your page bflentje    that is beyond my skill level, wish I knew how to put in overlay gifs like that. but I can't even do the simple ones lol

Share this post


Link to post
Hello, I found the problem too and asked HQ why!

They simply gave this answer.
" We are no longer support GIF images on our website. You will need to upload a JPEG file."

I asked some more question regarding this problem but they did not answer them! 
The only response was:

 "We changed the way we allow images on our website for security reasons."  

Asking for a reason for the second time and answer to my other questions, they did not answer it till now!!!
A very bad behaviour in my opinion. No warning before on the site or at the moment you are uploading a picture!

Typically a Geocaching.com HQ answer that ignores its members and does not inform them ! 
So Sorry for that!
Edited by Zonnetje

Share this post


Link to post

When looking at some folks "dashboards" , I used to time out over all that carp...    :)

 

Edited to add...  I see someone must have agreed, since it's now gone (numerous posts of just animations).  :D

Edited by cerberus1

Share this post


Link to post

For all pictures and gif here is what I do.

Find a gif copy and save it in your computer. Then upload an image, gif to your cache page. Remember to give it a name. Then go to your cache page. Lower left side above logs you will see icon for your image. Click it when open copy the http address. Then close that image. In note pad type this code. Then save that file. You will want to use it over and over. Highlite the words code goes here then paste that http that you coppied. Now highlite that whole line of code. Paste that into the 500 word box where you edit the cache page.

All done good to go. 

<center><img src=" code goes here"/></center> 

Share this post


Link to post

None of that animated carp shows up on my gps, so I hope it isn't necessary for the cache itself.

  • Upvote 1

Share this post


Link to post
1 hour ago, Mn-treker said:

The pictures or animation never goes to any GPS unit. However it may show up on a smart phone.

The OP wanted to add animated gif to the cache description page.



I'm trying to add a couple og animated gifs to my unpublished cache's description. I have uploaded the .gif-files to geocaching.com's server. Then I have tried several different html -code-versions for adding pictures, but none of them will work.

I really hope that isn't something that is allowed, as it doesn't appear on my GPS.

Share this post


Link to post
1 hour ago, K13 said:

The OP wanted to add animated gif to the cache description page.

Quote

I'm trying to add a couple og animated gifs to my unpublished cache's description. I have uploaded the .gif-files to geocaching.com's server. Then I have tried several different html -code-versions for adding pictures, but none of them will work.

 

I really hope that isn't something that is allowed, as it doesn't appear on my GPS.

It's definitely allowed. I've found a number of caches that have had animated GIF images displayed on the cache pages.

I assumed that they were hosted on other servers though, given that geocaching.com converts everything to JPEG.

Share this post


Link to post
5 hours ago, niraD said:

It's definitely allowed. I've found a number of caches that have had animated GIF images displayed on the cache pages.

I assumed that they were hosted on other servers though, given that geocaching.com converts everything to JPEG.

 Years ago we found a couple, none recently, some pretty complex. 

One that may have been the worst (for animation) , bright flashing, dancing strobe-like squares (and by the cache page) made many uncomfortable to look at any length of time to solve.  It was annoying enough that we wondered whether it'd be an issue with some epileptics.

Share this post


Link to post
On 9/18/2017 at 3:57 PM, K13 said:

The OP wanted to add animated gif to the cache description page.

 

I really hope that isn't something that is allowed, as it doesn't appear on my GPS.

Try what I have listed in my earlier post.

There is a line of HTML code there. Copy that to notepad. Up load your gif to your cache page. On the cache page open that gif. Copy what is in the address bar. Then paste that in the HTML code that I gave. Place it in place of the statement code goes here. Make sure those quotation marks stay put.

Then copy and paste your new HTML code line into the cache page. But you will need to go to edit on your cache page and place it in the box for 500 characters. Then click those two little boxes at bottom of the edit page to accept all that. Should be good to go.

That is what I do.

Share this post


Link to post

Not sure if anyone's still following this thread but I have the  same issue. I've followed everything that's been suggested above but it doesn't work. Doesn't even show a still image. Nothing. Any other suggestions please?

Also don't understand why Groundspeak (above) say they don't support gifs anymore when I can still see loads of cache pages, incuidng some very recent ones, that contain animated gifs!

  • Upvote 1

Share this post


Link to post

GIF nie działa !!!!

kod:

<center><img src="https://s3.amazonaws.com/gs-geo-images/d5c2b4ff-2b7a-4a1c-b660-9f1391c579f8_l.gif" /></center>

gc_jambi.gif

Share this post


Link to post
On 6/3/2018 at 9:46 PM, gc_jambi said:

GIF nie działa !!!!

kod:

<center><img src="https://s3.amazonaws.com/gs-geo-images/d5c2b4ff-2b7a-4a1c-b660-9f1391c579f8_l.gif" /></center>

gc_jambi.gif

I wonder what that would look like when viewing the cache listing on my handheld GPS.

Share this post


Link to post

I am trying to build a couple of caches that use gifs and am running into some hurdles that seem to have been put up since Mn-Treker's solution in 2017.
Here's a breakdown of what I've tried
1) Upload the gif to the cache page - it only displays as a still image. I tried using img src like I have for a lot of images in my cache pages but it only displays a still image. 

2) I tried to skip the cache page upload and link to the gif on a site. I am blocked by geocaching.com saying I need to, "Remove all images hosted on a third-party website to save changes. Tip: Upload images directly to the cache page with the user-friendly editor."  

3) Next I looked at the URL of where geocaching uploads images to: https://s3.amazonaws.com/gs-geo-images..... and tried to set up my own s3 amazon web service storage. Well... It still counted it as a third-party website. 

 

I'm guessing there might be some other way to upload to the cache page that stops it just becoming a JPEG or imitating the s3 link that looks more like their own but I can't find a solution right now.

  • Helpful 1

Share this post


Link to post

So this is now a grave concern, as far as mainly doing Puzzles because Animations are one of the easiest things to create and put together.

 

The old ones worked, and have been pulled-in to Geocaching, but some of the newer ones that i moved off PhotoBucket (puke) because of their cost-to-host, no longer work because of the "third party restrictions" that are now part of Groundspeak and the Geocaching Pages.

 

Any suggestions on this one?  Again some of my older stuff works but having to upload the images all to Geocaching is even more tedious AND the fact that the Animated GIF's no longer do their thing, is a bigger bug.

 

Thanks 

 

-- RayQix - Metro Detroit/SE Michigan USA

  • Helpful 1

Share this post


Link to post
51 minutes ago, CheekyBrit said:

Just had an idea: try uploading each individual frame of the gif as separate images but use a piece of html for an automatic gallery with the carousel speed set down to 300 or so...

https://www.w3schools.com/w3css/w3css_slideshow.asp

 

I'll try it once i'm home and let you know. 

 

That's not going to work; JavaScript is not allowed in geocache descriptions.

  • Helpful 1

Share this post


Link to post
Just now, Hügh said:

 

That's not going to work; JavaScript is not allowed in geocache descriptions.

Thank you for saving me some time and a headache. I'll look around for a non javascript option.

I could always have a hyperlink to the gif perhaps...

Share this post


Link to post

Third party hosting is allowed from DropBox, Google Drive and OneDrive. See this Help Centre page for more info. If you host your GIF on one of those it should work.

  • Helpful 2

Share this post


Link to post
Posted (edited)

SOLVED! Barefootjeff's link to approved hosting sites is great, but pulling the gif from google drive to your cache page needs some tweaking. This is how.

1) Upload your gif to google drive and set sharing so anyone can view

    A) With gif open, top right there will be three white dots for 'more actions', click them and open up 'share'.

    B) The bottom box shows 'get link'. Within there click the blue text "change" and select "anyone with the link".

    C) To the right, open up the dropdown box and ensure 'viewer' is selected instead of commenter or editor. 
    D) Copy the link, though it needs some work.

image.thumb.png.fa50a266b2cd452275f564ba166fa56f.png
 

2) To adjust the link, paste the link you just copied so you can make edits. It will look something like this:

https://drive.google.com/file/d/1KftZsgelK-CGpoWDRsEB3ezCCyYZP5Wf/view?usp=sharing

Whatever you have after drive.google.com and before the long string of numbers and letters, remove it and replace it with "/uc?id="
Also chop off the end portion including the forward slash, "/view?usp=sharing" in my case.
In my example I'm left with https://drive.google.com/uc?id=1KftZsgelK-CGpoWDRsEB3ezCCyYZP5Wf
This doesn't end with .gif, but worked for me. 

3) Insert it using the same HTML you would normally, <img src="link entered here" > and you're good to go.

image.png

Edited by CheekyBrit
  • Helpful 2

Share this post


Link to post
Posted (edited)

Glad you got it to work! I've just been helping out a caching friend who's been trying to do a similar thing with a GIF file hosted on DropBox. Again, you can't just use the URL DropBox gives you on your cache page, you need to change the ?dl=0 at the end to ?dl=1.

 

It would be helpful if something about these tweaks needed to use the approved hosts could be included in the Help Centre page.

Edited by barefootjeff
Spelling
  • Upvote 3
  • Helpful 1

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  
Followers 2

×
×
  • Create New...