Taobao shop carousel image html code organization and partial adjustment

This article is provided by php Chinese website, which introduces the organization and partial adjustment of the html code for carousel images in Taobao stores.

1. Main code

      

            

                

                
                  

                        
                        

                            
<
                        

              

                            
>
                        

                   
                        

                            

                              

                                
                                    
                              

                                
                                    
                              

                                
                                    
                              

                                
                                    
                              

                                
                                    
                            
                        

       
                        

                            

                                

                                    

                                        
                                    

                                        
                                    

                                        
                                    

                                        
                                    

                                        
                                
   
                            
   
                        
  
                        
                    

                   
                

            

        

       
      

       
    

1. Modify the left arrow

<
  
 

2. Modify the right arrow:

>

is changed to:

3. The arrows are placed on the left:

        
<
    

    

        
>
    

is changed to:

4. Change the thumbnail below to a number:

Change to:

    

                            

                                
1
                                
2
                                
3
                                
4
                                
5
                            
   
                        

5. Don’t like the bottom translucency Picture:

Delete:

background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;

6. Modify the scroll animation effect:

Find 'effect': 'scrollx ' Change scrollx to scrolly to scroll vertically, and to fade to fade in and out.

7. Modify the scroll animation speed:

In 'effect': 'scrollx', add a property 'duration': 0.5,
The default value is 0.5, if you need to speed up the scrolling For speed, change 0.5 to 0.1; if you need a slower scrolling speed, increase 0.5. It is recommended to change it to within 0.9.

Article address: //m.sbmmt.com/div-tutorial-377487.html

Come to PHP Chinese website to learn programming m.sbmmt.com

The above is the detailed content of Taobao shop carousel image html code organization and partial adjustment. For more information, please follow other related articles on the PHP Chinese website!