Facebook Share Link: Force wide image format? - html

I'm working on a promotion for a company.
The user writes a testimonial and uploads a photo. We then generate their story on a page like
www.example.com?id=5
We offer them to "Share" this link to Facebook. I'm using the usual og: meta tags to pass the title, image and description.
The problem is, Facebook caches url links and images the first time it sees them: likely right after the person just created it. So when they share it, it takes about 30 seconds for Facebook to cache the image and generate an accurate preview. So problem #1 the user likely doesn't see this preview during the FB share popout stage ( image is missing but text is correct ) and #2 it often appears on the timeline first as the wide image format version, give it 20 seconds, it swaps to the small shoulder thumbnail. Obviously, the company would benefit more from the wide format version. Is there any way I can make this happen? I'd forego problem #1 if I could solve problem #2. Though I accept that if the image is too small, facebook has to shoulder the image.

Related

html/css How can I show the clicked photo in a gallery at the top of the page?

I want to make 1 html page a gallery for my website. Instead of making a page for the title and description of every picture, I would like to show the information of the last clicked image above the gallery. (pics of video game items and how/where to obtain them, to be specific)
Basically when you go to the website, you will see a blank image spot, a description that says "click one below" and a gallery below. Once an image is clicked, it scrolls you back to the top and changes the blank image spot and description to the relevant picture.
This would save me from creating 100+ pages for each dedicated item and description, without clogging 1 page with TONS of information. Thanks
(preferably with only html/css because that's all I know, but a simple copy pasta of something else would help as well)

How to create links based on changing text on the screen

I am trying to figure out a way to create links to point to help files in my application based off the text on the screen.
Lets say my application reports the status of a car if it is running or not. If it is running everything is ok, but if it is not running it will display a reason such as:
In Park
Door is open.
Shut off.
Flat tire
When it displays the reason on the main page I want it to have a link pointing to the help file which will include a resolution to get the car back up and running.
The problem I am having is the the reasons change on the fly and update in real time. The resolutions for the problems are all different.
To give some background, the application is asp.net web application. I tried searching the web and I tried linking it to a simple page which had the links to the correct pages but that requires more user involvement. I want it to be click the problem and bring it right to the page.
Any information or suggestions would be great.
Thanks

Put image picture when doing "GOOGLE SEARCH" as cnn does

I am building site.
I want to add ability to show an image beside the site+description when I am doing GOOGLE search, and see my site on organic GOOGLE search results.
i.e - https://www.google.co.il/?gfe_rd=cr&ei=8kzeU_mAFsOH4AaG6ID4AQ&gws_rd=ssl#q=cnn shows the result with a picture beside the site+description.
I tried to make a sample, as advised by webmaster tool, like follwing:
<img itemprop="image" ...>
but the above doesn't work (When I am searching by 'google search' image is not shown).
Thanks :)
Google does that stuff based on social networks, You would want to create a google+/facebook/twitter page for the site and upload a profile image there.
https://support.google.com/websearch/answer/175288?hl=en
Also you will want to confirm your domain ownership with google webmaster tools
http://www.google.com/webmasters/
All of these things increase the chance for your site getting a image next to it. BUT it is still determined by google's algorithms so it can take a while.

How to share single image post on facebook in basic HTML?

I have an Image Gallery with 16 images in basic HTML.
When a user clicks on an image, the image will pop up. Nothing else.
I added Facebook, Twitter and Google+ icons on every image, but is it possible to share every single image on Facebook?
I am only able to share the website link, but I want to share those 16 images separately on Facebook.
So when a user clicks on an image to share to Facebook, then only this image will be shared, not the other 15 images.
Please give me some ideas.
I have been struggling with this the last few days.
Thanks in advance.
Use the share button social plugin and make it specific to each image (see https://developers.facebook.com/docs/plugins/share-button/ ). Be sure to read the section titled "Can I use the Share Dialog without using the Share Button?"

create a page which contain a flash can be add text dynamiclly

I have to create a web page which can be set to full screen(I mean the real full screen,not like press the F11),in the full screen there should be some words displaying.
Take the http://stackoverflow.com for example:
Normally,it show its contents(the questions),but someday,maybe a VIP come to visit the page,so we want to replace the whole page with a welcome screen.
Of course we can replace the https://stackoverflow.com/index.html (suppose it is the index page) with the welcome text(welcome xxx to our site...) in the server side.
However this is not convenient,and the text can not be full screened.
So I thought the flash,I can add a controller button at the page,when required,I click this button,and set the welcome words,then a flash will start to play with the sepcified words in a full screen model. It would be better if the flash can show the text with a Animation.
I have never did the flash development,so I want to know if this is possible?
BTW,can all the clients change to flash with juse one click?
I mean I click the controller button,then all the client who is visit this page should see the contents replaced by the flash at the same time.
I am not sure if you guys know what I am meaning. If not,I can update more details.
I am really Anxious, Thanks. :)
Since you're starting from scratch with Flash, I made a quick example of what I think you want to do. http://clearmpls.com/temp/fullscreen/ - the source files that I made this example with can be grabbed from here: http://clearmpls.com/temp/xml-loading-fullscreen-thing.zip
I used the Flash IDE to create this. You can grab a 60-day trial from Adobe's site here: https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash
This example shows examples of these functions:
- it loads an XML file with text data
- displays that data in a textfield on the stage
- gives you a button where you can toggle back and forth between fullscreen and regular
- resizes the stage and textfield based on what you have written in your XML file