Black Screen

i share to u my try code. i use ur sample images link but i cant see anything. Please look it. i think u201d a caracter and that is make a problem.

{“fov”:80,”rotation”:”0 0 0″,”scale”:”-1 1 1″,”text”:”\u201dMy”,”text-position”:”0.0 0.0 -2.5″,”text-rotation”:”0 0 0″,”text-font”:”kelsonsans”,”text-color”:”lightgrey”,”text-scale”:”1 1″,”src”:”\u201dhttps:\/\/andrey.mikhalchuk.com\/wp-content\/andrey.mikhalchuk.com\/IMG_20180101_051426_00_116-scaled.jpg\u201d”,”kind”:”photo”,”base”:”https:\/\/www.azbibak.com\/wp-content\/plugins\/360-view\/”}

Hi mtnaygn,

You’re using the example image URL from my blog and most modern browsers won’t allow this because of the CORS settings. You need to use an image hosted by your own website.

For example, you can download the image specified in that tag (https://andrey.mikhalchuk.com/wp-content/andrey.mikhalchuk.com/IMG_20180101_051426_00_116-scaled.jpg), then upload it to your website https://www.azbibak.com/ and then use URL on your website to embed that image.

If you do this and the problem will persist please send me the URL of a test page on your website where I can see the problem and I’ll try to help.

Regards,
Andrey

Hi,

Try this (the issue seems to be where it looks for the image file):

If your WordPress page is example.com/my-page and you have my-image.jpeg uploaded directly in public_html, then the shortcode on my-page needs to be [360 src="../my-image.jpeg"]. I had to add .. for everything to work. If you could inspect the page (without the two dots) you would see that it tries to find the image at example.com/my-page/my-image.jpeg.

After putting your image files in more sensible folders, adjust paths to suit ?? .

Cheers,
Rino

• This reply was modified 3 years, 9 months ago by Rino.

Hi,

I have also the issue with a black picture. I uploaded it on my server and tried different path (full url and with ../wp-content/uploads/ ).
Wordpress is 5.7.

Thanks,
Toni

Hi Toni,

Could you please post the link to the page where you’re experiencing the problem?

Regards,
Andrey

Hi Andrey,

the page is:
https://paul-gerhardt-muenchen.de/a-testseitn/
It is twice on the page. First is with the Gutenberg Editor and as shortcode. The second is with classic html code.

Thanks,
Toni

• This reply was modified 3 years, 7 months ago by Steven Stern (sterndata).

Hi Toni!

Thanks for the link. It seems like there is a unicode character “\u201c” instead of a plain quotation mark in your shortcode. So when the plugin tries to load the image it uses this URL: “\u201c..\/wp-content\/uploads\/Kirche-360-vorne-2021-04-scaled.jpg\u201c”
Unicode character “\u201c” looks very much like a quotation mark (“), but it’s a different character. Please check your shortcode and replace all quotation mark lookalikes with the real quotation marks.
If this won’t help, please copypaste your entire shortcode in this thread, and I’ll take another look.

Good luck!
Andrey

Hi Andrey,

Thanks for your support. It was the quotation marks and after typing it again it works. The quotation marks with the mention unicode came with copying the shortcode from your plugin description. Maybe you can add it as a hint to type the quotation marks new if the shortcode is copied.

Best regards,
Toni

Hi Toni,

Glad it worked! I checked the description and, you’re right, it has the wrong quotation marks. Most likely they were introduced by MS Word when I was copying the text back and forth. Thank you for finding this, I’ll fix it in the next version.

Also appreciate your 5-star rating and the comment, glad this plugin was useful for your project. I’m going to release the new version soon, you may like its new features too.

Regards,
Andrey

Toni, all,

The documentation has been updated and moved here: https://andrey.mikhalchuk.com/360-view-wordpress-plugin. With the release of the latest v1.1.0 too many new features were added, so the user guide no longer fits the WordPress standard details page.

I hope that the new Gutenberg Block mode will help to eliminate problems reported in this thread (wrong quotation marks), but please let me know if you will experience any other issues. Also, per Toni’s suggestion, I documented the quotation mark issue in the user’s guide. Appreciate everyone’s help in debugging this problem!

Regards,
Andrey