September 26, 201213 yr Hi, I am trying to add link under open images on the next page of my site: http://www.focuswildlife.com/Downloads/PhotoMaster/index.htm I can't do it in html file because the the image loaded from css file, and unfortunately I can't success with adding regular html link in css file. Will really appreciate any help here! Thank you in advance!
September 26, 201213 yr I'm sorry but why you are doing coding like this? You can do same thing with the use of LighBox Plugin. Just check it http://lokeshdhakar.com/projects/lightbox2/ According to my point of view, Your coding style is not valid.
September 26, 201213 yr Edit: Sorry read it wrongly. Just realised what you meant. I'll have a quick look. Lyndsey. Edited September 26, 201213 yr by Lyndsey
September 26, 201213 yr Author Thanks Hem, I didn't write, just found some nice style online. You can edit this information from within the CSS file (content.css). For example: .slideshow .t1:focus ~ .oneBox .frame div:after { content: "\A Need to add a link \A This can be on as many lines as you like."; } Just modify the text to your needs. Lyndsey. Thank you Lyndsay, I wish it was so simple, I can add a text there, but adding a link doesn't work for some reason, For example I added a link in place you suggested now (Mountain photo - top left), the result - I see no link or text :-( http://www.focuswild...aster/index.htm Edited September 26, 201213 yr by shalamaev
September 26, 201213 yr This css gallery is interesting as an experiment, but all the content that is added with the technique used on that code is completely non-existent on the html (Google doesn't see it, for instance). The right way to do something like this is with javascript. There are tons of jQuery plugins that do this with much more flexibility and without sacrificing the content. Edited September 26, 201213 yr by ocorreiododiogo
September 26, 201213 yr Author Thanks, How can you be sure Google doesn't see it? It client side code, why Gogle doesn't see it?
September 26, 201213 yr I think you'd be better off using a jQuery lightbox plugin, which will make your life so much easier. You cannot generate HTML using the CSS content property (which is what your gallery is doing). There's probably a way of generating the inner HTML of the element through jQuery and adding the link that way, but I'm not sure how that is done. Here is a useful link: http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/ Lynsey.
September 26, 201213 yr Exactly because it's client side code. This means that that code is shown only after being interpreted by the browser. Google doesn't have a browser to interpreter the css (it reads css files, but not with the intention of finding content), so it ignores this content. Same happens with javascript, but if the plugin is well written, it will apply the principle of unobtrusive javascript, meaning that all the content will be in the html code.
September 26, 201213 yr Author Thanks again Lyndsay! Exactly because it's client side code. This means that that code is shown only after being interpreted by the browser. Google doesn't have a browser to interpreter the css (it reads css files, but not with the intention of finding content), so it ignores this content. Same happens with javascript, but if the plugin is well written, it will apply the principle of unobtrusive javascript, meaning that all the content will be in the html code. Thank you, that's a good point, the main reason for me to add links it to get more exposure on Google. Theoretically I can move all css content in to <head> section of HTML, still it won't be seen by Google?
September 26, 201213 yr Theoretically I can move all css content in to <head> section of HTML, still it won't be seen by Google? You would be doing it the wrong way. The best way to get exposure on Google is by doing things the right way. In the head you should put meta information, and everything else should go on the body. Make good use of headings, document your links with the "title" attribute and images with the "alt" attribute. Some jQuery plugins will even force you to do this. You will have proper code only by following their instructions. Want some examples? http://www.jacklmoore.com/colorbox http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ http://www.photoswipe.com/ http://lokeshdhakar.com/projects/lightbox2/ http://fancyapps.com/fancybox/
September 26, 201213 yr How about pre-loading the links / text into a several hidden divs then slide them into position and reveal on focus the same way you do for the larger images? Edited September 26, 201213 yr by Sogo7
September 26, 201213 yr Author You would be doing it the wrong way. The best way to get exposure on Google is by doing things the right way. In the head you should put meta information, and everything else should go on the body. Make good use of headings, document your links with the "title" attribute and images with the "alt" attribute. Some jQuery plugins will even force you to do this. You will have proper code only by following their instructions. Want some examples? http://www.jacklmoore.com/colorbox http://www.no-margin...lightbox-clone/ http://www.photoswipe.com/ http://lokeshdhakar....ects/lightbox2/ http://fancyapps.com/fancybox/ Really nice looking examples, esspecialy the last one. How can I be sure the data/links I add to the images (using this JQuery scripts) will be seen by Google? There is some online tool for that? Tell me please, in the next Flash gallery example, the data within each image will be indexed by google? http://www.naturephoto.co.il/Downloads/Flash/index.html Thanks a lot
Create an account or sign in to comment