Jump to content

Slideshow


Recommended Posts

The code needed to show the BXSlider slides is:

<ul class="bxslider">
	<li><a href="{$STORE_URL}/tesa31.html"><img src="skins/foundation/images/examples/slide1.jpg" title="Promotional Message One" /></a></li>
	<li><img src="skins/foundation/images/examples/slide2.jpg" /></li>
	<li><img src="skins/foundation/images/examples/slide3.jpg" title="Promotional Message Two" /></li>
</ul>

where the image tag src attribute points to the images to show, and the image tag can be wrapped in a link to make the image clickable.

This can go anywhere, but CubeCart as delivered has this in the Homepage Document.

Link to comment
Share on other sites

There will be some major work involved to make the BXSlider "viewport" take a specific height and then allow for the images to scale accordingly - and not make things messy. For example, a collection of 1000x300px images shown in a max-height 200px viewport will have the bottom 100px not visible. To then scale the images (reduce the width and height) so that the height fits, the width will also be reduced to 666px. That will really mess up the overall display of the slider.

The BXSlider javascript scans through the collection of images and finds:
if horizontal slides, the height of the tallest image
if adaptiveHeight is true, dynamically changes the height of the viewport
if vertical slides, the combined height of all images (see adaptiveHeight)

I see two possible solutions: make all your images no taller than the max-height, or use a different slider.

Edited by bsmither
  • Haha 1
Link to comment
Share on other sites

  • 5 years later...
  • 1 month later...
  1. "Playing ' <a href="https://techhostlab.com/try-hard-guides-in-wordle-answer-today/" rel="nofollow" previewlistener="true">try hard wordle</a>feels like a thrilling race against the clock and your own wits. It challenges you to stretch your vocabulary and deduction skills in a way that's both stimulating and satisfying."

  2.  
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...