Posts

Showing posts from February, 2023

TEST 71b COMBINE

Image
A. SEARCH FOR FLICKR PHOTOS Examples for tag: china, jiangsu, hangzhou, kyoto, france, paris, germany, italy, brazil, india, indian temples, thailand, indonesia, europe, asia, australia, flowers, dogs, cats... (1) Type tag: (2) From the page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16    (3) How many photos in a page: 30 50 100 When you are new to this webpage, just leave “From the page” as 1 and “How many photos” as 100 (4) Search (5) Select mode: More code Full code (6) Make code (6b) Copy the below code (7) Load photos 1 Wait at least 30 seconds. After that (11) Tap the Audio button to plat music (12) Then tap PL button to start viewing slideshow PL <!DOCTYPE html> <meta charset=utf-8> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <script src="https://code.jquery.c
Read more

SEARCH FOR PIXABAY PHOTOS

Image
Pixabay API sample demo Make code Copy the below code #seleArea #result OPEN THE BELOW ADDRESS TO TEST SLIDESHOW https://pvhung20.000webhostapp.com/pixabay-6b-71b-search.html
Read more

SEARCH FOR PHOTOS THEN PLAY SLIDESHOW

Image
A. SEARCH FOR FLICKR PHOTOS Examples for tag: china, jiangsu, hangzhou, kyoto, france, paris, germany, italy, brazil, india, indian temples, thailand, indonesia, europe, asia, australia, flowers, dogs, cats... (1) Type tag: (2) From the page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16    (3) How many photos in a page: 30 50 100 When you are new to this webpage, just leave “From the page” as 1 and “How many photos” as 100 Select mode: More code Full code (6) Make code (7) Copy the below code (4) Search (5) <!DOCTYPE html> <meta charset=utf-8> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <style> * {box-sizing: border-box;} body {font-family: Verdana, sans-serif;} .mySlides { display: none; } img {vertical-
Read more

RESPONSIVE SLIDESHOW

Image
Ref: https://codepen.io/SitePoint/pen/WwqvqB PL SOURCE CODE OF THIS HTML FILE Copy to clipboard <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Ref: https://codepen.io/SitePoint/pen/WwqvqB</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <style> *{ margin:0px; padding:0px; } html, body{ height:100%; width:100%; } body{ background-color: black; /* #003366; gray; #556B2F; */ margin:0px; padding:0px; } #slides{ /* border:1px solid aqua;*/ background-color: #003333; /* 999 */ position: relative; width:100%; padding: 0px; margin: 0px; right:0px; (?); } .slide{ position: absolute; max-width: 100%; opacity: 0; z-index: 1; left:0; right:0; margin-left: auto; margi
Read more

TEST5 RESONSIVE SLIDESHOW

Image
Ref: https://codepen.io/SitePoint/pen/WwqvqB PL
Read more

TEST RESPONSIVE IMAGE

Image
CodePen - Resizing an image using media queries
Read more

TEST PESELS PHOTOS SEARCH

Read more

TEST SLIDESHOW AND COPY CODE (flickr-search-build.html)

Image
1 / 6 2 / 6 3 / 6 4 / 6 Hangzhou's West Lake (西湖) 5 / 6 6 / 6 Suzhou The “Lingering Garden” (留园 Liú Yuán) DSC_7046 IMGP4976 62969-Hangzhou 63106-Hangzhou 63103-Hangzhou 63097-Hangzhou 62927-Hangzhou Hangzhou Xihu 🇨🇳 西湖 / West Lake / Западното езеро 62963-Hangzhou Summer Palace on a sunny day Liechtenstein Summer Palace, Alserbachstraße, Josefstadt, Vienna, Austria Summer Palace Boat Kūnmíng Shore Summer Palace Photo 206 Cixi's Boat COPY SOURCE CODE of flick-search-build.html Copy below code to clipboard <!DOCTYPE html> <html> <meta charset=utf-8> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <script src="https://code.jquery.com/jquery-2.1.1.min.j
Read more

Build slideshow with search for Flickr photos

Image
Here is the file flickr-search-build.html Examples for tag: china, jiangsu, hangzhou, kyoto, france, paris, germany, italy, brazil, india, indian temples, thailand, indonesia, europe, asia, australia, flowers, dogs, cats... (1) Type tag: (2) From the page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16    (3) How many photos in a page: 30 50 100 When you are new to this webpage, just leave “From the page” as 1 and “How many photos” as 30 Select mode: More code Full code (6) Make code (7) Copy the below code (4) Search <!DOCTYPE html> <meta charset=utf-8> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <style> * {box-sizing: border-box;} body {font-family: Verdana, sans-serif;} .mySlides { display: none; } img {v
Read more