Guys is it possible to share an portrait image on facebook using facebook sharer (https://www.facebook.com/sharer/sharer.php) ?
I have tried styling og tags with og:image:width and og:image:height but without success.
Facebook debugger not showing them event they are in html.
I know that ratio 1.91:1 – 1200x630 is recommended, but I would like to know if it is possible.
Related
For some reason my png images on my side bar under the Amazon ad, along with the Patreon link on my header ad link, or Facebook link on the footer ad isn't showing. I am not sure if it's something wrong with my Firefox or possibly a coding error. On Chrome and Safari, they show without an issue. I have checked and my Firefox is up to date as well. http://www.4diyers.com/index.php
I put the no-captcha recaptcha in a popup (FancyBox), everything is fine.(recaptch1.PNG) But when the user click on the checkbox the captcha image overlay is not show entirely. (recaptch2.PNG).
My question, can we place automatically the overlay the manner the user can see the directive. (recaptch3.PNG) Or can we resize the overlay to fit the iframe in the popup so everything can be seen?
Any suggestion?
recaptch1.PNG
recaptch2.png
recaptch3.PNG
I think i found a solution. After a lot of search i have found this link: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
It's resize the container of the recaptcha V2, but not resize the overlay because google inject the overlay on the page not in the container. Because i have found that google inject the overlay on the page, I can now customize the overlay. So I use the technique on the previous link but I affect to the class "gc-bubbleDefault".
I add this in my css and this solve my problem:
.gc-bubbleDefault{transform:scale(0.82);transform-origin:0;-webkit-transform:scale(0.82);transform:scale(0.82);-webkit-transform-origin:0 0;transform-origin:0 0; 0}
It's a solution that don't work on all browser version (not old ie), but it's work for me.
I have a window.open code to launch inappbrowser on phonegap. I use it for displaying image.
This inappbrowser has EnableViewPortScale=yes, so it's totally zoomable.
However, it seems like there is zoom-out-limit in inappbrowser. Here is the code.
window.open(myFullImageUrl, '_blank',
'location=no,EnableViewPortScale=yes,presentationstyle=pagesheet');
It's already zoomed-in a little. I can zoom-in-and-out because of EnableViewPortScale=yes for sure.
However, it seems like there is zoom-out-limit.
when i load up 1024x768 photo, it doesn't show fully zoomed-out photo(on both iOS and Android), but it's like 120%-ish already zoomed in.
I Just created stackoverflow account, so i can't upload photo. sorry!(it says i need 10 reputations to upload image)
There is no true solution for this issue.
So what I did is I just continue using inAppBrowser, but just instead of directly loading image from Amazon server(that's where I stored all images), I just made my window.open to go to another my URL and attach that url as a parameter after '?'.
The reason why I did this is because then I can force the Image web-view to have brief Javascript and CSS to render this dang-image correctly.
And as you guys know, this page must have meta-data that allows user-scale true, and must NOT have max-scale value.
So, Yep. Long story short, If you DIRECTLY load up the image in the inAppBrowser of phonegap, there is NO WAY you can force the image to start with 'not even slightly zoomed-in, but perfectly zoomed-out to the max'. Your own Page, Your own JS and CSS is the way to go guys.
I'm a newbie in developing on smartphone. After a short research, I choose BlackBerry WebWorks SDK.
My Device is 8530 (CDMA), Internet Connection through WiFi.
On my index.html, I need to show image with src from external link, for example
<img src="http://www.domainname.com/img/example.jpg">
No Luck, it won't show up. If the source is local image, it's work fine.
I already change the <access uri="*" subdomains="true"/> on config.xml also the image still don't show up.
Looking the answer on blackberry and stackoverflow forum with no luck.
Please help.
I would expect that the uri="*" access element would show the image. Another recommendation is to explicitly white list the domain that your image is coming from, like this:
Can you confirm that your page is loading fine, but its just the image that isn't appearing?
Created a website, looks pretty solid on the desktop. (http://foo.com) Used an .htaccess redirect to send those using mobile browsers to subpage (http://foo.com/m.html). Redirect is working like a charm.
My problem is that one image (and for that matter, the background color) doesn't display on the mobile page, on any mobile browser. I've tried reformatting it (.png, .jpg, .gif), resizing it (down to 55p x 44p). It is the only image on the page. I've tried using a css stylesheet specifically for the mobile subpage, I've tried not using a stylesheet at all and simply putting the image in the body. Nothing works. I've searched for an answer but all I can find is 'why doesn't my wallpaper display on my mobile phone', which doesn't help at all.
Anyway, if someone knows what I'm doing wrong, I'd really appreciate it. Thanks all!
I've got the same problem, I've done a very simple page, with a single image inside, surfing there with desktop was all right, while going there with a mobile makes the image invisible, it takes the place, but without display, like with "visibility:hidden";
after some tries, i've noticed that the image was saved in a CMYK color space, I've converted the image in RGB color space and then all goes right.
mobile browsers seeams to not manage the CMYK image versions...
Look at CSS part:
background-image:('background.gif')
Do You think all is OK here? Because I think it's not...
https://developer.mozilla.org/en/CSS/background-image