File tree Expand file tree Collapse file tree 11 files changed +44
-2
lines changed Expand file tree Collapse file tree 11 files changed +44
-2
lines changed Original file line number Diff line number Diff line change 2525 @keyframes slider {
2626 0% {
2727 opacity : 0 ;
28+ transform : rotateY (0 );
2829 }
2930
3031 50% {
3132 opacity : 1 ;
32- /* transform: rotateY(360deg); */
33+
3334 }
3435
36+ 80% {
37+ opacity : 1 ;
38+
39+ }
3540 100% {
3641 opacity : 0 ;
42+
3743 }
3844 }
3945 </ style >
4248< body >
4349 < script >
4450 let imageno = 0 ;
45- const totalimages = 3 ;
51+ const totalimages = 4 ;
4652 </ script >
4753 < div class ="slidecontainer ">
4854 < img id ="img " class ="slideimage " src ="pics/0.jpg ">
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title id ="title "> Document</ title >
8+ < meta id ="ogtitle " property ="og:title " content ="Your Page Title ">
9+ < meta id ="ogdescription " property ="og:description " content ="Your Page Description ">
10+ < meta id ="ogimage " property ="og:image " content ="URL to Your Image ">
11+ < link id ="favicon " rel ="icon " type ="image/x-icon " href ="/images/favicon.ico ">
12+ </ head >
13+
14+ < body >
15+
16+ < script >
17+ let n = 0 ;
18+ const total = 5 ;
19+ const titlebox = document . getElementById ( "title" ) ;
20+ const favicon = document . getElementById ( "favicon" ) ;
21+ const ogtitle = document . getElementById ( "ogtitle" ) ;
22+ const ogdescription = document . getElementById ( "ogdescription" ) ;
23+ const ogimage = document . getElementById ( "ogimage" ) ;
24+ function changeAll ( ) {
25+ n = ( n + 1 ) % total ;
26+ titlebox . innerHTML = n ;
27+ favicon . href = `pics/${ n } ;
28+ ogtitle . content = n ;
29+ ogdescription . content = n ;
30+ ogimage . content = `pics/${ n } ;
31+ }
32+ setInterval ( "changeAll()" , 5000 ) ;
33+ </ script >
34+ </ body >
35+
36+ </ html >
You can’t perform that action at this time.
0 commit comments