Originally Posted by
Davora
How do you integrate that into a web site?
thanks Dave
Dave, copy across the big and small Placeholders (holds the code), add a Photos layer, change the code to match your Named photos.
Position and scale the large Placeholder to match you design.
Always ensure the source images equal or are greater than the Placeholder to keep definition.
For the animated slider, you would just amend the following code block for each image, making changes in bold, if needed:
Code:
<div class="w3-animate-right mySlides">
<img src="index_htm_files/img_lights.jpg" style="width:100%">
<div class="w3-display-bottomright w3-large w3-container w3-padding-16 w3-blue">
Northern Lights
</div>
</div>
Check out to W3.CSS for the options - https://www.w3schools.com/w3css/w3css_references.asp (do a page search for):
- animate-right
- bottomright
- padding-16
- blue
- The items in bold red are your (Named) image filename and the caption.
The W3.CSS Library is a rich source of simple effects and transitions that can be used in Xara for a range of design functions.
Acorn
Bookmarks