basically what i want to do is display a facebook photo album on my website.
is there a way to just take a div from a page and put it on yours with like frames?
couldn't think of a better way to do it atm - client isnt exactly computer savy but could handle photo album himself if its through facebook
i guess my backup option is just to have the gallery page link to the facebook albums- but feels kind of cheep to be just to have part of the website just direct users away(but not too bad since the budget was low )
thanks
There is no really good way to use frames in the way you're asking and cross domain rules will stop you pulling the content you want with javascript.
I would suggest something a little more developer friendly - like Flickr, there are heaps of API examples out there that will let you pull in info about each image.
From there is your choice of formatting, but making an XML file from the Flickr data and passing it into a jquery / flash gallery is pretty simple.
:)
Related
I'm learning how to write more in-depth code, and decided to start a project that I'm interested in to entice myself to pay more attention. I want to make my own website where I upload clips I made of my friends and I playing games. I understand how to put a local video into HTML code, but is there a way to make separate sharable links for each one? This way instead of sending a link to just the site, I can link the specific video that I want to share. Thanks!
I would put videos on separate pages like:
testdomain.com/video1.html
testdomain.com/video2.html
...
This would be the most simplest and straight way to do so at the beginning, but also the least recommendable.
I suggest you to learn about back-end programming (since you already had begun with the front-end side), and databases. And then how these are related with the MVC model, to get a full website and achieve your goal in the best way possible.
I am currently creating a basic website for a small sports-association. It is simply used to display some basic information about training times, becoming a member, locations, history, etc...
However, we would also like the option to add news and upcoming special events. I am making the website in HTML, but this is much too complex for the other volunteers. I was wondering if I could embed some service into the website where they can easily add some small news articles without diving into html.
I myself was first thinking of using some simple blog-service (like notion.so, blogger.com) and embedding this using an IFrame. However, most websites have a protection against being used as a frame.
I would like at some point that they do not rely on me for basic updates. Is there a way to implement this option? Or should we fall back on something like google sites?
It really depends on the company. I suggest asking them if they would like to add content first, and if they say no, I think thats copyright.
I suggest not using google sites because the viewers of the website can always scroll dow and find out this is through Google Sites. In my opinion that doesn't seem as professional.
My answer is to teach them the basics. It isn't that hard to teach them that the text goes inside and a header is through
I now found out it is possible to embed a blogger.com page in an iFrame, so this is a solution for now.
Is there a way that could convert all mailto:example#exapmle.com email links in a html page to images showing same content/email address (I didn't have reputation to post images, an example image ). I knew some website provide such kind of service, but it could be done one by one. I have a webpage have many email links, so want to ask a better or smarter way to do that.
Any response would be appreciated. Thanks.
Yes. One way to do this is using PHP. Basically, what you are describing is writing text to an image. This can be done using the PHP imagettftext() function. See http://php.net/manual/en/function.imagettftext.php for more info.
My site uses some aggressive caching techniques to keep requests to a minimum, among them being:
.htaccess redirects to cached HTML files;
Automatic merging of content images into CSS sprites.
This works great for human traffic, but when an article is posted on Facebook, Pinterest, Google+, Reddit, etc the bot fails to find a suitable thumbnail since the page images are all big sprite JPEGs.
One solution would be .htaccess rules that bypass the cache when a bot is making the request. Preferably without having to specifically name every possible bot user-agent. I am unsure how to accomplish that.
Another solution would be to embed one good thumbnail image on every page that a bot would download but a real web browser would not. Any ideas how to accomplish that?
Other suggestions are welcome. If all else fails I'll rework my script to exclude the first image of every post from the autosprites, but that will effectively double the number of image requests my poor overworked server must accomodate.
Showing different things to bots than to humans is a very bad approach regardless of the problem you're trying to solve. Google will sometimes even punish sites that do this with a low search ranking. A better way to do this would be to go to each bot's website and see if there is a way to tell that bot to display an image that is relevant to that page.
For example, Facebook accepts the following meta tag in the head of your html to tell it an image that is relevant to your page:
<meta property="og:image" content="[url to the image]">
What we plan to do is to display a particular page from another site on our webpage (not really a whole page but it's more like a box within a page with job listings on it). However, I heard iFrame is no longer advisable to use.
Is it still okay in this instance (only 1 page and 1 iFrame)? Or are there other alternatives?
#Breezer is right in the fact that you want to use iframes as little as possible for as little of your content as possible(for SEO purposes and the fact you aren't hosting the content, so it could go down at anytime). Aside from this, I doubt the page you are trying to display is being rendered in a way that you want to display on your site anyways. Being a third party site you can use something like curl (server side) to screen scrape the data and parse out what you'd like to display on your site. Or, if you're looking for a client side alternative, you can use YQL to grab that third party information and then render as you may.
Here's a great tutorial on YQL, and doing exactly what you want, from #Nettuts (http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-cross-domain-ajax-request-with-yql-and-jquery/)
Hope that gives you some options.
well it's fine using iframes to show another external webbpage, what's bad is building an entire website around a iframe because that will be hard to search engines to interrupt what your website is about therefore rank it lower in the search results