Posts

EXAMPLE OF USING Build slideshow with search for photos

Image
Here is the file "flickr-slideshow-flowers.hlml" created by using "flickr-search-build.html" END OF PART 1 A Little Pink Mixed Petals “Hope can be a powerful force. Maybe there’s no actual magic in it, but when you know what you hope for most and hold it like a light within you, you can make things happen, almost like magic.” _ Laini Taylor Bougainvillea and mountains, Agia Galini, Crete, Greece. DSC_4138 DSC_4072 DSC09092 DSC09147 DSC07934 BEGIN OF PART 3 SOURCE CODE OF THIS PAGE (flickr-slideshow-flowers.html) Copy code to clipboard END OF PART 1 A Little Pink Mixed Petals “Hope can be a powerful force. Maybe there’s no actual magic in it, but when you know what you hope for most and hold it like a light within you, you can make things happen, almost like magic.” _ Laini Taylor Bougainvillea and mountains, Agia Galini, Cre...

SLIDESHOW WITH MANUAL CONTROL

Image
This slideshow is html file and it is created by programming on Ipad. Here is video clip How the slideshow works If you like it you can download zip file (6.9 MB) using the following address: https://www.mediafire.com/file/gucrdacv8ien0a4/slideshow-pvh20.zip/file After downloading the zip file to the Download folder on your Ipad, Copy it to Documents. Unzip it (to do that, just tap on the zip file) and you will see an Archive folder. Let's rename this name to SLIDESHOW-pvh20. Open it, tap on the file index.html

TEXT ON IMAGE WITH HELP

Image
Happy New Year 2023 I hope that the coming year bring you peace and prosperity. 1- CHANGING TEXTS  Hide/Show Type new text1 Type new text2 You can drag text1 and text2 to the new position 2- CHOOSE A STYLE FOR TEXTS  Hide/Show Choose for text1: Serif Sans-serif Cursive MonteCarlo Pinyon Script Alegreya SC Oswald Bona Nova Font style: normal italic font size 40    color  Choose for text2: (scroll down to use) Serif Sans-serif Cursive MonteCarlo Pinyon Script Bona Nova Alegreya SC Font style: normal italic font size 27   color  3- CHOOSE IMAGE (from "Photos" on your Ipad) image width 30% 40% 50% 63% 75% 88% 100%    image opacity 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 1 4- CREATE FINAL IMAGE AND DOWNLOAD IT Method A- If this html file is l...

WRITE ON IMAGE AND DOWNLOAD IT

Image
Happy New Year 2023 I hope that the coming year bring you peace and prosperity. 1- TYPE NEW TEXTS  Hide/Show Type new text1 Type new text2 You can drag text1 and text2 to the new position (use index finger (Ipad) or mouse) 2- CHOOSE A STYLE FOR TEXTS  Hide/Show Choose for text1: Serif Sans-serif Cursive MonteCarlo Pinyon Script Alegreya SC Oswald Bona Nova Font style: normal italic font size 40    color  Choose for text2: (Scroll up to use. Cuộn lên để dùng) Serif Sans-serif Cursive MonteCarlo Pinyon Script Bona Nova Alegreya SC Font style: normal italic font size 27   color  3- CHOOSE IMAGE (from "Photos" on your Ipad or from PC) You must use your image.  Bạn phải dùng ảnh lấy từ Ipad hoặc PC của mình image width 30% 40% 50% 63% 75% 88% 100%    ...

READ HTML CODE

FROM: https://gomakethings.com/getting-html-with-fetch-in-vanilla-js/ OK OK2 OK3

TEST Writing text

Image
https://www.encodedna.com/css-tutorials/add-text-to-image-and-save-the-image.htm sample text

html2image

This block will be converted to image Download Preview :