Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
Locked
0

Carousel components

Community Beginner ,
Feb 01, 2023 Feb 01, 2023

Can a HTML page be used inside of a carousel in place of an image?

601
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Feb 01, 2023 Feb 01, 2023

You will have to include the html page via an iframe assuming you mean you want to include a whole complete html page which includes body tags..........l cant see why it wouldn't work but it doesn't sound like a good idea to me unless this html page has limited information. Sounds to me like a user would be really frustrated if they started reading the page and it moved sideways after a few seconds. Carousels are meant to house very short snippets of information, like a caption, a link and an im

...
Translate
Community Expert ,
Feb 01, 2023 Feb 01, 2023

What carousel are you using? Some pre-made scripts are designed to only work with a particular content type, thus what you are asking to do might be outside the scope of what the script is capable of handling. But if this is something you programmed yourself, yes, data can live outside the carousel and pulled in.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 01, 2023 Feb 01, 2023

I'm using a pre-made bootstrap script for the carousel.  Works just fine with images, but now my boss would like me to have it pull in a html page as one of the slides.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Feb 01, 2023 Feb 01, 2023

You will have to include the html page via an iframe assuming you mean you want to include a whole complete html page which includes body tags..........l cant see why it wouldn't work but it doesn't sound like a good idea to me unless this html page has limited information. Sounds to me like a user would be really frustrated if they started reading the page and it moved sideways after a few seconds. Carousels are meant to house very short snippets of information, like a caption, a link and an image or just the image.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 02, 2023 Feb 02, 2023
LATEST

Thank you, the iframe worked great.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 01, 2023 Feb 01, 2023

Yes, Bootstrap Carousel can support HTML text, images, lightboxes or videos, if it's set-up correctly.  See examples below:

https://mdbootstrap.com/docs/standard/components/carousel/

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 01, 2023 Feb 01, 2023

Take a screen shot of the page and use that as one of the images.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 01, 2023 Feb 01, 2023

Also resize the screenshot to fit your Carousel.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines