fade from one image to another within style="background" tag

7 replies · opened Jun 27, 2019

OobjetdaJun 27, 2019

Hello,
Is it possible to have one image fade into another within a style="background" tag? If so how can I achieve this.
See the below page for reference (the top section). I've included a slider below this to show the effect wanted.

http://markitprojects.com.au/test.html

OobjetdaJun 27, 2019

Thankyou for getting back to me. Yes I understand the support policy and didn't want customization, I thought it was maybe possible to achieve the request. I'm happy to try the above recommendation if this gives me the same result but with limited html knowledge not sure on what you mean "Simply use the codes as <div> Tag without the #slider ID."

Could you possibly give me an example of the code I need to place to achieve the image fading into another image set as a background.
I went back to the master file for canvas and can't find an example page of slider-canvas-fade.html.

SSemicolon WebSTAFFJun 29, 2019

Hello,

You can consider using the following code for the Slider:


	
		
			
				
					Welcome to Canvas
					
Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on your own Canvas.

				
			
			
				
					Beautifully Flexible
					
Looks beautiful & ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.

				
				
					
						
						
					
					
				
			
			
				
					Great Performance
					
You'll be surprised to see the Final Results of your Creation & would crave for more.

				
			
		
		
		
	

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OobjetdaJul 3, 2019

Thanks for this,

I've implemented the slider as mentioned but have come across a new problem. I already have the main slider at the head of the page so now trying to include a second slider can I initiate and control multiple instances of swiper slides on the same page or is there another slider that supports style="background" for images?

SSemicolon WebSTAFFJul 4, 2019

Hello,

The current version of Canvas supports multiple Canvas Swiper Sliders on a Single Page so the codes should work fine. You can consider using the Flex Slider:


	
		
			
			
			
		
	

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OobjetdaJul 7, 2019

Thanks for this,

Have used flex slider for now and is working to how I'd like.
How can I tell what version of Canvas I currently have, and could you tell me what version started supporting multiple sliders.

Thanks

SSemicolon WebSTAFFJul 8, 2019

Hello,

The most current version of Canvas is at v5.9. You can check the Version you are using by checking the top of the style.css File.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard