insert image dynamically
I have a good solution from Rainer Jeschor at https://www.experts-exchange.com/questions/28651880/insert-image-into-html-file-dynamically.html (see zipped file).
The default.html in this folder has two <a> tags. Thy open EEDynamicImage.html and depending which <a> tag is clicked on, inserts the respective image to EEDynamicImage.html.
Question: How can I apply jQuery or bootstarp to jazz it up a bit.
Right now, it opens off center with not much tech used in the process. What are good way of doing this. I may also need to pass the image box size, margin, etc. dynamically but handling all these attributes dynamically could be handled in a new question later on.
Dynamic-Image.zip
The default.html in this folder has two <a> tags. Thy open EEDynamicImage.html and depending which <a> tag is clicked on, inserts the respective image to EEDynamicImage.html.
Question: How can I apply jQuery or bootstarp to jazz it up a bit.
Right now, it opens off center with not much tech used in the process. What are good way of doing this. I may also need to pass the image box size, margin, etc. dynamically but handling all these attributes dynamically could be handled in a new question later on.
Dynamic-Image.zip
ASKER
Hi Tom,
Thank you for solution.
Why I want to have a dynamic page like this: I have about 10 images to display. if I use image_1.html, image_2.html, ... image_10.html, there will be too many pages to store and work with. I can use single blank page but the image shows up in the corner and cannot apply style to it. There is no other reason for this activity. So, I have revised the solution and uploaded back.
The image shows up in the center which is good. What I am looking for in this question is to have some image-opening-effect (like those in MovieMaker transition for example). Something nice not drastic. One that comes to mind the image shows up like pieces of shattered glass the pieces moves together to for the final picture. I am not necessarily asking for this. Anything descent with similar behavior.
In my next question I will be looking to pass images sizes or better yet take the 100% .png file sizes.
Question: How can I apply image-open effect described above?
Thanks,
Mike
TempSiteRev-1.zip
Thank you for solution.
Why I want to have a dynamic page like this: I have about 10 images to display. if I use image_1.html, image_2.html, ... image_10.html, there will be too many pages to store and work with. I can use single blank page but the image shows up in the corner and cannot apply style to it. There is no other reason for this activity. So, I have revised the solution and uploaded back.
The image shows up in the center which is good. What I am looking for in this question is to have some image-opening-effect (like those in MovieMaker transition for example). Something nice not drastic. One that comes to mind the image shows up like pieces of shattered glass the pieces moves together to for the final picture. I am not necessarily asking for this. Anything descent with similar behavior.
In my next question I will be looking to pass images sizes or better yet take the 100% .png file sizes.
Question: How can I apply image-open effect described above?
Thanks,
Mike
TempSiteRev-1.zip
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
TempSite.zip