Why cant i use images from file manager when using yola?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I want to use the html widget and not the picture widget to create a code, such as "" i want the picture with the code i am creating, but when i put the file name of the file in the code it doesn't show up even though the picture is in the file manager. Anyone know how i can do this?
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like

Posted 8 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
<!--

Hi, are you adding this code in:

<img src="resources/YOUR-IMAGE-NAME.JPG" width="" height="" border="0">

Make sure in the src url you have "resources/" before the image name since the file manager is the resources folder. Also, make sure to include other sub folders if you have that image in a sub folder int hef ile manager.

Also, make sure when you add code to this forum, you wrap it in <!-- and -->
(I did too, see the <!-- at the top and --> at the bottom?) before you post it because it renders on the page instead of showing the code.

I hope this helps and fixes your problem!

If you have any problems with this, please replay back.

Nathan

-->
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
<!--

here is the code

<A HREF = "biggraphic .jpg"><IMG SRC = "smallgraphic.jpg" BORDER="0"></A>

-->
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi, that code isn't 100% correct. For the href in the a tag and the src in the img tag, there is supposed to be "resources/" before the image name since the image is in that resources folder (which is the file manager). To display code on this forum, wrap your code in <!-- and --> to display it correctly.
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
ok so the actual picture comes up for the first one using the "resources" but when i go to click the picture the other one will not come up it says the link is broken
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Have you linked to it with the "resources/" in front of the image name in the href part?

Ex.

<!--

<a href="resources/biggraphic.jpg"><img src="resources/smallgraphic.jpg" border="0"></a>

-->

Are you doing it like that?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Also, don't use the capital letters for the tags, that code is HTML and the sitebuilder uses XHTML (The latest version besides HTML5) Just use capital letters unless there's a capital letter in a url.
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
yes but it says the link is broken even though the photo is in the file manager and in no sub folder
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Are you linking to the correct image? Make sure you have the same image / url in the href and the src parts. Let me know if that works.

I hope we can get this fixed! :)

Nathan
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
yea that works but the only bad thing is my site has a lot of picture i want to put on it and what i want to do is make table and put thumbnails of all the pictures (which i already did) but i want to be able to click on the picture and make it bigger. Do you know any good way to do this beside making a webpage for each picture, or using a site to host my pictures like imageshack? Thanks for the help
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Oh definitely! :) You can use Lightbox 2! I will host all of the files for you (if you want me to, it is a lot less work for you) or you can sign up with a separate hosting account and upload all of the JavaScript, css, html, etc. files. Would you like me to do that right now for you and then I'll give you the codes? You can go to my site and submit a ticket by clicking "Contact us" on the side of my site. My site: www.nathansmusicstudio.tk
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
how does it work? I dont have to give you all the photos and everything right? Im kinda new with this so bare with me lol.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi, no, you don't have to give me all of the pictures. Also, you can read about it on this site: http://www.huddletogether.com/project... When you click the image, it makes a box pop up over the screen and fades the screen! A pretty cool feature! And you can keep all of the img and all of the codes in place! All you have to do is add a little code to each a href tag and it will trigger the lightbox instead of going to the page with the pic on it! So you link to the image the same as you would and all you have to add is rel="lightbox" (or something like that, don't add it right now) and it triggers the lightbox! So, just submit a ticket if you want me to do this for you!

I am very happy to help! :)

Nathan
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
ok thanks a lot i really appreciate it, i sent you a message.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Nathan for your stellar help on this!

Hi Chris!

In addition to Nathan's suggestion, you may out to check out our Flickr Gallery widget which may accomplish what you want. You can check out our tutorial here: Flickr Galleries
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Sanja, I forgot about that Flickr lightbox! I have sent him the codes for lightbox 2 through my website's help desk about 3 hours ago. Maybe he will check out the flickr lightbox. Also, can you use an html widget to trigger the Flickr lightbox? Because with lightbox 2 all you do is link to the bigger version of the image through the thumb nail and add rel="lightbox" to the a tag and then it makes the lightbox pop up (once you have the JavaScript files in and css files)
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
yea i tried the flickr gallery is was not working, would not link my account to the widget and tried a few others from flickr and all of them were not working.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Chris, I am looking over the code right now to see any possible problems. It might be the host's problem too. Maybe it's not linked right. But don't worry, I wont let you down! I will keep working until I get it working for you! :)

Nathan
Photo of chris

chris

  • 16 Posts
  • 1 Reply Like
thank you its awesome of you to do that!