{"id":2605,"date":"2023-08-03T11:21:24","date_gmt":"2023-08-03T11:21:24","guid":{"rendered":"http:\/\/clapat-themes.com\/wordpress\/serano\/?page_id=2605"},"modified":"2023-08-26T23:31:10","modified_gmt":"2023-08-26T22:31:10","slug":"multimedia","status":"publish","type":"page","link":"https:\/\/dfcifuentes.com\/index.php\/multimedia\/","title":{"rendered":"Multimedia"},"content":{"rendered":"\n
\n
Images<\/h5>\n\n\n\n

Once inserted you can display images beautifully into your content at different sizes (normal, full, and wide) and add captions if needed or popup lightbox.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/a>
<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\"\"<\/a>
<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a>
<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/a>
<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"

Parallax image with content overlay<\/h2><\/div><\/div><\/div><\/figure>\n<\/div>\n\n\n\n
\n
Content SLider<\/h5>\n\n\n\n

Select the color for the cursor on hover and enable
autocentering on click event.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

<\/p>\n\n\n\n

\n
\"\"<\/div><\/div>\n\n\n\n
\"\"<\/div><\/div>\n\n\n\n
\"\"<\/div><\/div>\n\n\n\n
\"\"<\/div><\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>\n<\/div>\n\n\n\n
\n
Content Looped Carousel<\/h5>\n\n\n\n

Choose between large or small size and select the color
for the cursor circle on hover.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

<\/p>\n\n\n\n

\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>\n<\/div>\n\n\n\n
\n
Content Small Looped Carousel<\/h5>\n\n\n\n

Choose between large or small size and select the color
for the cursor circle on hover.<\/p>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n

<\/p>\n\n\n\n

\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>\n<\/div>\n\n\n\n
\n
Reveal Gallery<\/h5>\n\n\n\n

Reveal multiple image instances making it effortless
to compare them side by side<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/div>
\"\"<\/div>
\"\"<\/div><\/div>\n<\/div>\n\n\n\n
\n
Pinned Gallery<\/h5>\n\n\n\n

Create a stack of sticky images that remain fixed until
you scroll through all of them.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\n\"Image<\/a>\n<\/figure>\n<\/div>\n\n\n\n
\n
Pinned Section<\/h5>\n

This will stay in frame until the next content row
will reach the bottom<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n\n\n\n
\"\"<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Pinned Section<\/h5>\n

This will stay in frame until the next content row
will reach the bottom<\/p>\n<\/div>\n\n\n\n

\n
\n\"Image<\/a>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
Zoom Gallery<\/h5>\n\n\n\n

Simply define your images and specify which image
you want to zoom in fullscreen.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n