How insert image without the swift page editor?

[azura_404]

Hello,

I would like to know how can I intergrate image with lightbox without the use of the swift page editor? I’m working with the classic one for my articles…

It creates a code like this :

[blank_spacer height=”15px” width=”1/1″ el_position=”first last”] [vc_single_image image=”6561″ image_size=”full” frame=”noframe” full_width=”no” lightbox=”yes” link_target=”_self” shadow=”no” width=”1/1″ el_position=”first last”]

How can I do that with the classic editor?

Best
Thanks

[laranz – SUPPORT]

Hi,

You can use this same shortcodes inside the classic editor, or take the HTML it generates and put it in the classic editor whichever you are comfortable. The shortcode way is much better.

( Create a new page, select the single image widget from the swift page builder, and add all the options, then switch to classic editor, then copy the shortocode it generates. )

Let us know,

Thanks,
laranz.

[azura_404]

Thanks,

It works with your tricks but the image take a number like “6521”, if there is a way to have the direct link (htttp….) of the image with the same technics?

Best

[azura_404]

and keep the lightbox?

[Mohammad – SUPPORT]

Hi,
You need to use code like in classic editor:-
<img src="Image_path_with_http" width="200" height="100" />
Thanks
Mohammad

[laranz – SUPPORT]

Hi,

It is the ID of that attachment, that is how that single image works, takes the ID of the image and change it in to the size, according to the size given in the backend.

or try something simple like this.

<figure class="lightbox"><a href="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0-1024x640.jpg" class="view"><img width="1920" height="1200" alt="img0" class="attachment-full" src="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0.jpg"></a></figure>

Change the path and height and width, etc.

Let us know,

Thanks,
laranz.

[azura_404]

That’s perfect! Thank you so much.

Best

[laranz – SUPPORT]

Hi @azura_404,

Glad it works 🙂

Let me know, if you have any other questions.

Thanks,
laranz.

[azura_404]

This reply has been marked as private.

[azura_404]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please decrease the height and width of image. You have full height and width of image in this code. Just try to use this code.
<figure class="lightbox"><a href="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0-1024x640.jpg" class="view"><img width="720" height="360" alt="img0" class="attachment-full" src="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0.jpg"></a></figure>

Thanks
Mohammad

[azura_404]

When I change the wide of the image it works only in the wordpress preview of the article, when I publish it, the image don’t take the right size only in the lightbox like my images.

Thanks

[azura_404]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Where do you publish it? I am not getting you exactly.
Thanks
Mohammad

[laranz – SUPPORT]

Hi,

Did you paste like this: http://take.ms/3Yd18

Let us know,

Thanks,
laranz.