Make A Page That Could Display An Unlimited Amount Of Images?
Mar 2, 2009
I am trying to make a page that could display an unlimited amount of images. I mean that I want to be able to change the amount of pictures as I want. But in the same time I want the gallery to look like a table without making a table in my html.
I intend to start learning JS over the Xmas holidays, but right now I only have a very basic knowledge of it.I was just wondering if someone could point me in the right direction on how to do this, as I think i should be pretty easy.After someone changes something in the admin area [e.g. the position of an item] I want to be able to have a small div display at the top of the screen saying something like "Position Updated!" and then have it fade away after 2-3 seconds.
I am using this script which allows people to add links to a page and stores them in a cookie. I am redesigning the site and need to limit the amount of links which display to 5 or less. and/or restrict the amount of future entries to 5. Code:
I'm working on a project that involves a page with a large amount of images (sometimes 400+). What's the best way to handle this? Should I track the loading-state of all of them, or is it save to assume I can do stuff as soon as the last image is loaded? So.
I'm using the .html() function to update information in a div whenever a button is clicked, like this:
$("#myPic").click(function() { $("#myDiv").html("//new content for div goes here
However, for some of these new sections, the html is QUITE lengthy. can i store it on a separate file in the same directory and somehow import it?? Is there a better way?
i want the code below to display the total loan repayment amount instead of the monthly payment payment = principle * monthly interest/(1 - (1/(1+MonthlyInterest)*Months)) , eg if if l0an is 20$ payment is in 4 months, intrest rate is 15% display = amount to be repaid.
I am trying to make different images hover over a table of sliced images when you mouse over a particular image. ex. mouse over image 1 = have image 1.1 hover over entire table of images in spot A; mouse over image 2 = have image 2.2 hover over entire table of images in spot B....ect. what i have so far only allows me to mouse over image 1 and have image 1.1 hover over entire table in spot A. Any time i try to move forward with more div's on other images it just jacks everything up.
I have to input an undefined number of rows of data. Existing data is read from a database. There is an Add button after the last row.
I can see how to add the next row: there is a hidden blank row with visibility set to 'none', which is turned to 'block' by clicking the Add button.
How can I continue to add rows? Do I need to have a large number of invisible rows and turn each one on as required? (I don't want to have to submit the form for each row, which would be another solution).
Using a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. [URL]... I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works.
I need a JavaScript (or something else) that will fade out the web site, on load, and display a series of images, then display a "Continue" button to go back to the web site. I have an idea for a cute (and funny) way to get people interested in my site that has a weird name. I searched high and low (Google!, amongst others) for anything that would be close to what I need, to no avail.