ClassCreator.com | Blockbuster sites, amazing reunions

Share Tips

New Topic Reply Subscription Options  

Question about photos

Forums: Suggestions and Feedback
Created on: 02/05/11 07:07 PM Views: 1937 Replies: 8
Saturday, February 5, 2011 at 7:07 PM

Hi Brad,
I have 800 or pics in my reunion pics. I am thinking of taking one pic each day to put on the homepage eg. Do you know who this is? There are so many alumni that we all don't recognize.

Thanks in advance,
Diane

Reply
Saturday, February 5, 2011 at 7:35 PM - Response #1

I don't know if you are asking a question, but yes, you can do that if you want.

If you are making a suggestion, I am not following what you are suggesting you want done.


Reply
Saturday, February 5, 2011 at 7:40 PM - Response #2

The elusive blondeEmbarassed Sorry Brad. All my reunion photos are on the side bar and I want to know how to pick one photo and put it on my homepage so that I can have a questionaire every day and ask the alumni "Do you recognize this person". Something different.

Thanks

Reply
Monday, February 7, 2011 at 4:49 PM - Response #3

I think you understand already, but not sure. Yes, you can add any images to the home page and then coordinate with a Poll or survey.


Reply
Tuesday, April 12, 2011 at 10:09 PM - Response #4

Diane,

If you'd like to try something a little advanced, this javascript will rotate images based on the day of the week. You can replace each "x.jpg" in the code with the image URL for the image you want to display. The number will rotate Sunday through Saturday 0-6. Sunday=0, Monday=1, Tuesday=2, etc.

I'm posting this on a Tuesday, so I replaced the 3rd image in the script with your forum picture to show you how it works.

The rest of the "x.jpg" images are placeholders that you replace with the URL of the image you want to display. That way, you can load it up on Sunday with another 7 images, and it'll automatically change every day. The script should work if it's embedded in the source on your home page, but you'll want to experiment with it to get it right.

Reply
Edited 04/12/11 10:11 PM
Sunday, April 17, 2011 at 7:51 PM - Response #5

That's a great idea, but image placement with that script is not great. Using a div id="mypicture" inside of a table gives complete location control and it's easier to visualize where it will appear on the page. It will still be pretty easy and one could do multiple image locations too.

I'll see if I can whip up something since that's a nice way to get dynamic content at a very low investment.

Reply
Sunday, April 17, 2011 at 9:08 PM - Response #6

I thought about controlling the placement, too, but I wasn't sure how to do it. Go ahead and add the div tag enhancements. We'll keep building our Class Creator open source library. Wink Jack Vermeulen wrote:

That's a great idea, but image placement with that script is not great. Using a div id="mypicture" inside of a table gives complete location control and it's easier to visualize where it will appear on the page. It will still be pretty easy and one could do multiple image locations too.

I'll see if I can whip up something since that's a nice way to get dynamic content at a very low investment.

Reply
Sunday, April 17, 2011 at 11:24 PM - Response #7

OK, tried to keep it simple yet add flexibility. This is a CLICKME link to a sample page showing exactly how it works. It has 2 images. The top one is a graphic for the day-of-the-week and the next one are just images of some holly people. You replace them with your own of course.

The script displays up to 2 images anywhere on a page at any width specified.

The name of the script function is ShowDayImage, called like this:

ShowDayImage(200,"dayimage1","dayimage2");

200 sets the width of the image to display. Can be anything to suit the desired look. That's required otherwise the image sets the width and that's not always desired.

Now the next is either easy or hard depending on one's background. I hope this is not too complicated.

"dayimage1" and "dayimage1" are the names of a 2 html thingies called "DIV". They are used for lots of things. In this case, I'm using the ID="dayimage1" section. That's how the script finds where you want to put the images anywhere on your page. Where the DIVs exist is where the images will go. You do not have to use both of them. If it can't find the name, it does nothing.

The DIV ID names can be anything you like, they just can't duplicate any other name.

Here's the guts of the script. The sample shows how I used a regular TABLE, put the 2 divs inside of the table and presto, that's where the images go. It doesn't have to be a table, but it's the easiest way. If you paste all of this inside a CC page, you can test it out. Replace the images with whatever is desired. I put both images in the same table, but the DIVs can be in 2 different tables or just standalone.

Reply
Edited 04/17/11 11:26 PM
Wednesday, April 20, 2011 at 8:15 PM - Response #8

Jack - Thanks for the modified code. The control for the placement and the sizing will get it properly rendered on the home page. It passed the date change test over the last few days when I ran it each day. Thanks for the HTML lesson.

Reply
New Topic Reply  
Subscription Options: Have all new forum posts sent directly to your email.
Subscription options are available after you log in.