Pinterest type image gallery - ajax

I am looking for a ajax based image gallery that would load contents of php file similar to
pinterest.com
.
When we click on the thumbnail image then without reloading the page a new div element is created contain the image along the html/ php page

Related

Image not found in laravel

My application is displaying images perfectly as I am displaying them on the other pages.
I need to apply a watermark on all of those images.
Whenever I try to get the image dynamically to manipulate it gives me the error 404 not found.
However, the link is similar to all other images displaying on the website.
I have tried Image intervention It works fine for the images in public/img folder
but id does not work for the images in the storage/app/products folder.
link:http://usm.gondalgroup.com/refurbished_tetra_pak_machines_supplier_home
working link obtained by inspecting image:http://usm.gondalgroup.com/storage/app/products/pRComIu5U3TkCSppb2PsjxtkcmgpFk4ZGbq4mbRt.jpeg
The link I made using controller and loop: http://usm.gondalgroup.com/storage/app/products/B6ITcW8iA4gyVKbqylw3qweGsqTLMjslIyyvIjes.jpeg

Uploading images in wagtail accepted but image is not shown

Django 1.11.2
Wagtail 1.10.1
Apache2.4
I uploaded an image from my computer via the wagtail dashboard. Wagtail shows the image and I clicked "update".
Then I went back to images. There is no new image but a new card with the name of the new file. There is also a picture symbol with the file name of the picture. If I click this field I get the template to edit the image. But the image is not shown (Bildschirmfoto_2018_03_18_17_23_06.png).
Why is the image not shown?
You need to configure Apache to serve files from /media/images/ (or whatever you've set as MEDIA_ROOT in your settings file). See https://docs.djangoproject.com/en/2.0/howto/deployment/wsgi/modwsgi/#serving-files

Displaying an image in Web browser, Ubuntu

I want to display an image on my website.
My website is located in
/var/www/html/mywebsite
The image is located in
/home/user/directory/image.png
I am using codeIgniter and Image src I am passing is same as above.
File/directory permissions are proper but still I am unable to display an image.

Ckeditor with image drag and drop /image insert in laravel 5.2

I need a WYSIWYG Editor with feature to drag and drop image or the image can be uploaded and inserted in the editor.I tried with ckeditor in laravel 5.2 .
This is my code for image upload URL
config.filebrowserUploadUrl = "{{route('infos.upload',['_token' => csrf_token() ])}}";
In console it shows
http://localhost/laravel/public/%7B%7Broute('infos.upload',['_token'%20=%3E%20csrf_token()%20])%7D%7D?CKEditor=question&CKEditorFuncNum=2&langCode=en
And i am getting error access forbidded.
If possible please provide complete tutorial for integrating ckeditor with image upload in laravel.

tinyMCE add image

I have problem with tinyMCE. If I add image from external url (http://www.somesite.com/image.jpg) all works perfect and and the image will show in my text. But if I add an image from a folder on server, the image will not show because I use htaccess to rewrite the url.
Web domain: www.web.domain.com
If I insert image from www.web.domain.com/images/img.jpg and show this text on the page www.web.domain.com/en/Category-1/, the image doesn't show because tinyMCE adds img src as "./images/img.jpg"
Any idea if it is possible to turn this off?
Probably due to TinyMCE using relative URLs by default. Check out the FAQ entry on the TinyMCE site for the various settings that might help.

Resources