How to create pop-up window web gallery? [closed] - javascript

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 days ago.
Improve this question
Good morning,
I want to create gallery for multiple pictures (basically two photos before and after procedure next to each other). My plan was to create it as sliding gallery, where you click and other two pictures will slide on the site, but my client wants pop-up gallery. He wants me to display all pictures as pairs in big separate window which will pop up after clicking on button.
Any tips will be much appreciated, maybe “popup” just is not the term I need.
Thank you!
I tried multiple solutions from internet, but all were for text or forms and when I put pictures there, it did not show them on the web.

Related

Best way to create new window/page/modal for list of JSON data [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
Thank you in advance for your help!
For a project I'm building a page for an animal shelter. On a page I have a list of available animals generated from JSONP data, with a picture and basic data.
I would like to create something so that if the user clicks on the animals picture, it shows the full info for the animal, and all the available pictures.
I'm not sure what the best way to do this would be? A modal? A new html page? We're only using front end (html, CSS, javascript).
you can use bootsrap modal as it fits perfectly to your needs and you can customize it the way you want :
https://v4-alpha.getbootstrap.com/components/modal/
Bootstrap modal is best to show full details.Because users dont want to load pages all the time.
For Bootstrap modal go to this link
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
When you want to display with comments of that blog use new html page.

How to show custom page for each .jpg image in directory [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I currently have a image uploader that uplaods images to my directory on my server. I wish to make it so I can do what a website such as lightshot does with images that are uploaded:
http://prntscr.com/3l83lw
I only want to center the image with a black background, I don't need anything fancy.
Any ideas on how I would go on about doing this?
what you're trying to accomplish is relatively easy.
You do need html/css/javascript/php knowledge in order to
accomplish it.
start reading tutorials such as these two:
http://www.lateralcode.com/create-a-simple-picture-gallery-using-php/
http://www.johnboy.com/blog/tutorial--php-photo-gallery-with-no-database
good luck !
Make a index page that collects the data after the '/'.
Takes that word, number or whatever, and matches it with the image uploaded in your server. Then you can display that image in the screen, inside a default page, for all users.

Need to create photo slider in website [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I want to introduce my entertainment venues in the city, in addition to any place I want to put a description put a few photos. I like the slide show of the photos could look something like this site: http://www.lenzor.com/
Click on a photo to this site when I open my photos and it will have 'previous' and 'next' buttons, I when I click the photo recreational sites desired lead couple'll see.
I think this tutorials will help you to build your photo gallery.
Visit once
http://code.tutsplus.com/articles/50-excellent-image-galleries-you-can-use-today--net-4063

8 Thumbnail images linking to 8 different galleries, but only programmed once [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I have a webpage with 8 thumbnail images on it:
Each thumbnail as shown is a different kitchen. I want to be able to click on each thumbnail and enter a gallery of 4 closeups of that kitchen. I could obviously create 8 different web pages with their individual galleries on it, but in this modern era of web programming im sure there is a more efficient way of just creating one page whos content is dependent on which thumbnail was clicked?
My issue is im new to JavaScript and so cant think of how to implement this, and I know that variables cant be passed from one html page to another as its just a markup language! Maybe the whole thing could be programmed in this one webpage with a 'pop-up' window (not one of those annoying pop up windows but more one of those cool looking transparent 'overlay' pop-ups!) as this would easily be able to know which image was clicked. Any ideas out there??
There are a number of "Lightbox" type javascript/jquery applications you can try or any number of photo galleries.
Here are a few that I've used in the past:
http://lokeshdhakar.com/projects/lightbox2/
http://fancybox.net/
http://leandrovieira.com/projects/jquery/lightbox/

Tab System overflows into drop down [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I have been asked to create a tab based interface to switch content without refresh. Which is fine and dandy, but the tab list items can be dynamically added creating a longer set of tabs. When they reach a certain point based on window width the overflowing tabs should 'fall' into a drop down menu giving users the option of opening a tab content div from there.
Personally I would have gone with tabs forming two lines but the requirement is for a drop down to the right very similar to Firefox's functionality when there are too many tabs open for the available width.
Any help or pointers greatly appreciated as this is driving me mental!
Responsive layouts might be what you are looking for:
http://webdesign.tutsplus.com/tutorials/site-elements/a-flexible-approach-to-responsive-navigation/

Categories