I am working on a very simple 'game' concept — for now called '2-Player, Left and Right Game.' It's actually for an online art project, but I want 'interactive game' to be the medium. I'm pretty sure it should be a fairly simple project, but could be completely wrong — I can read and make some edits to jQuery, but writing it from scratch is something I'm still learning.
Here is the layout of the game:
Page 1 — Static HTML/CSS landing page w/game title, directions and 'click to play.' When clicked, the browser will load...
Page 2 — The game:
Two images, each with 8 frames of animation that will loop continuously, one on the left side of the screen (Player 1) and one on the right (Player 2) — P1 uses the A, D keys and P2 uses the left and right arrows
A simple countdown timer that counts down '3, 2, 1, GO!' — I'd like to make these numbers out of images, kind of in the style of 8-bit numbers/letters, or @font-face, using a font similar to these: http://www.zone38.net/font/
When the timer hits 'GO!,' both players start pressing their 'left' and 'right' keys, 4 left and then 4 right. With each key stroke, the next frame of the 'animation' would play, with anything over 4 hits in any direction not registering as a successful strike
The players repeat this for a random amount of time (between 5 and 30 seconds — different for each time the game is played)
Page 3 (2 versions) — Winner screen, based on whoever was able to hit the most successful key strokes
This is unfortunately a personal side-project, so there is no profit being made (or even any non-profit being made). I will credit whoever is willing to help with this project at the bottom of each page, with a link to your personal website or profile page.
I will say this: if you are uneasy with making fun of celebrities or are averse to pornography, you will not want to be associated with this project.
If you're interested, reply and I'll get you my contact info.
I am running a random image script on my 404 page; each time the page is loaded, a random image will be shown: http://philrules.com/blarg (it's the main image on the page, not the little image in the top-right corner)
I'm not new to jQuery, but I usually don't write my own scripts.
What I'm trying to do is add text to the paragraph — which hold the image — that will change depending on the image that is shown. However, since each image is loaded into the same img container (class="shuffle"), I am trying to change the text based on the src attribute.
After searching for solutions, I had pieced together this poop-stain of a function which, unsurprisingly, doesn't work:
I'm truly sorry if this is the wrong location to post this question, as I wasn't able to find a plugin that does what I'm hoping to do. Please take a look at the little diagram to (hopefully) help understand my question.
I am building a site that is utilizing a lightbox-type plugin to display a gallery of images when the user clicks image A, B, C, etc. However, what I would also like to do is set up the main content area (area '1' above) to load a random image from the row below (A, B, C, etc.) each day or two in order to highlight a different gallery/project.
I have seen a number of random image plug-ins, but is it possible to load an entire element from the same page? For example, if image A has a structure of: