写一个网页同时有轮播图和放大效果代码

                                以下是一个同时具有轮播图和放大效果的网页代码示例：
复制

```html

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" ="ie="edge&quot;">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slideshow with Effect</title>
 
<style>
    .slideshow-container {
        max-width 800px;
        position: relative;
复制

margin: auto; }

    .my {
        display: none;
    }
 
    {
        width: 100%;
        height auto;
    }
 
    .zoom {
       : transform .2s;
        margin: 0 auto;
    }复制

.zoom:hover { transform: scale(1.1); }

<div class="sl-container">
    <div class="mySlides">
        <img src="image1.jpg" class="zoom">
    </div>
 
    &lt; class="mySlides"&gt;
        <img src="image2.jpg" class="zoom">
    </div>
 
    <div class="mySlides">复制