Display Random Images in Website

I'm looking for a relatively simple way to randomize images
in a website. This would appear in the same spot on each web page.
I'm not a strong code-writer (yet). Thansk!

"tspencer" <[email protected]> wrote in
message
news:g3gd7h$34o$[email protected]..
> I'm looking for a relatively simple way to randomize
images in a website.
> This would appear in the same spot on each web page.
>
> I'm not a strong code-writer (yet). Thansk!
This guy sells a good script for this for $9.95 -
http://www.kaosweaver.com/extensions/details.php?id=5
It might be worth the $10, since it'll be way easier than
finding and
installing a free script.
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

Similar Messages

Display random image

Hey all. Creating my first form in LiveCycle. Haven't a clue as to what I'm doing... maybe someone can help.
I don't know javascript, so I usually just use trial and error until I figure it out... but I just can't get this to work.
I have 20 images on my form (named ImageField#hg), invisible. I want to display a random image when I click a button.
Here is the code I thought would work.... it's placed in the Click script section on a button.
var one = "ImageField";
var two = "hg";
var rannumb = Math.floor(Math.random() * 19+1);
var showg = one + rannumb + two;
showg.presence = "visible";
If I test the output in a text box, I get ImageField#hg (# being the random number), so why doesn't it actually execute the .presence action?
Thank you.
-James

I've been trying to change my thinking on this and came up with different code, but it still won't work properly.
This frist script actually does change the images to visible... however, it's processing the variable for some reason and both images become visible on click. I didn't know variable would do anything unless called.
var one = ImageField1hg.presence = "visible";
var two = ImageField2hg.presence = "visible";
var rannumb = Math.floor(Math.random() * 19+1);
var newnumb = WordNum(rannumb);
testing.rawValue = newnumb; // test field to see output doesn't show anything
newnumb;
So I changed the script to the following and it does nothing.
var one = ImageField1hg.presence;
var two = ImageField2hg.presence;
var rannumb = Math.floor(Math.random() * 19+1);
var newnumb = WordNum(rannumb);
testing.rawValue = newnumb; // test field to see output doesn't show anything
newnumb = "visible";
Back to the drawing board...

Bridge displaying random image

I have a MacPro with 10.5.2 and CS3. I work mostly in the Horizontal Filmstrip mode and I am having serious issues with previews. I click on a thumbnail and a random image from a completely different folder shows in the large window. Anyone else have this issue? Suggestions? Thanks.

Yes, Scott is right. We either put up with spurious thumbnails or with blurry previews. Obviously the latter is the lesser of the two evils.
After
UNchecking High-quality Previews in Bridge, you need to quit and re-launch Bridge, then painstakingly Purge the Cache for each darned folder, one by one, through the Tools menu in Bridge.
DO NOT use the global Purge Cache command because that one is broken. If you use it, the cache will NOT rebuild properly.
Unfortunately, I've given up all hope of Adobe fixing it, as CS4 is around the corner, a version to which I have no plans to upgrade. :/

Problems displaying jpeg images on website.

I am trialing a website at Clikpic for photographers. The images I have uploaded so far display fine in IE9 but not in Firefox. Spoke to support at Clikpic and they confirm they can see my images fine in Firefox. Cleared all the history, cache, cookies etc but still no good. Downgraded to 3.6.17 just incase, but still no luck. Would appreciate any advice you could give. It must be something local to my laptop I'm thinking? Really don't want to have to use IE.

If images are missing then check that you aren't blocking images from some domains.
See:
* http://kb.mozillazine.org/Images_or_animations_do_not_load
* Check the permissions for the domain in the current tab in Tools > Page Info > Permissions
* Check the exceptions in Tools > Options > Content: Load Images > Exceptions
* Check the "Tools > Page Info > Media" tab for blocked images (scroll through all the images)
There are also extensions (Tools > Add-ons > Extensions) that can block images.
* [[Troubleshooting extensions and themes]]
You can use these steps to check if images are blocked:
* Open the web page that has the images missing in a browser tab.
* Click the website favicon ([[Site Identity Button]]) on the left end of the location bar.
* Click the "More Information" button to open the "Page Info" window with the Security tab selected (also accessible via "Tools > Page Info").
* Go to the <i>Media</i> tab of the "Tools > Page Info" window.
* Select the first image link and scroll down through the list with the Down arrow key.
* If an image in the list is grayed and there is a check-mark in the box "<i>Block Images from...</i>" then remove that mark to unblock the images from that domain.

Safari won't display some images on websites

I have tired all the suggestions on the discussion boards (i.e., clear cache, clear flash player cache, checked to see if disable images was cheked). I am still experiencing the same problem.
Does anyone have other suggestions to slove this problem.
Thank you.

I'm still not sure what I would have to do to reproduce the problem, but let's leave that aside for now. What are your OS X and Safari versions?

Random images display strong yellow/green cast

system - 24" intel iMac, 3ghz, 2gb, 500bg hd, NVIDIA GeForce 8800 GS with 512MB memory, OS 10.5.4. Just purchased.
System runs fine, and I love the machine. Problem is random images, jpegs, raw, illustrator files, display an awful yellowish tint, both in the preview and when opened in PS or preview. Just random, sometimes a whole folder of images, sometimes just a few. I, of course tested some of the same images on another mac, and they viewed correctly. If I save a copy to the desktop, the icon looks correct, but when opened it looks like puke. Also happens in front row when displaying certain album covers and video trailer art.
Anyone else run into this?
-h

Hello Double H Media
Welcome to Apple Discussions!
Unfortunately the OP and others appear to have the same issue possibly related to the GeForce 8800 GS, see the following thread!
http://discussions.apple.com/thread.jspa?messageID=7224138&#7224138
Dennis

Random display of images!!

Hi
I'm following the previous post and accordingly i was able to display a image on the iView.
Now I've a list of images
say image1.jpg, image2.jpg, image3.jpg and so on..
Now i want to pick any one of them and display any one of them. how do i go about this.
Following is the code which i wrote can't find the error in it.
<script type="javascript">
var images = new Array();
images[0] = "/images/birds.jpg";
images[1] = "/images/child.jpg";
images[2] = "/images/dolphin1.jpg";
images[3] = "/images/dolphin2.jpg";
images[4] = "/images/fish.jpg";
images[5] = "/images/kayak.jpg";
images[6] = "/images/man.jpg";
images[7] = "/images/pasture1.jpg";
images[8] = "/images/pasture2.jpg";
images[9] = "/images/pasture3.jpg";
images[10] = "/images/runner.jpg";
var rannum = Math.floor(Math.random()*11)
var choice = images[rannum];
</script>
<% String image2 = componentRequest.getWebResourcePath() + "/images/insidetrack3.gif"; %>
<% String image1 = componentRequest.getWebResourcePath() + "/images/pasture1.jpg";%>
<IMG SRC="<%=image1%>" WIDTH="340" HEIGHT="238" BORDER="0" ALIGN="left">
<IMG SRC="<%=image2%>" WIDTH="360" HEIGHT="238" BORDER="0">
can anyone help me out.
Thanks in advance
Srikant

Hi,
what are you trying to achieve?
You render static images on the page and some JavaScript
that holds a collection of URL's to other images.
From this collection you basically pick 1 with the Math.random() call and store the url in a variable choice. Well... storing a URL string in a variable does usually not make any Image Object visible.
If you want to apply the image to an existing image on the page you have to do that via JavaScript,
basically like this:
<script type="javascript">
var images = new Array();
images[0] = "/images/birds.jpg";
images[1] = "/images/child.jpg";
images[2] = "/images/dolphin1.jpg";
images[3] = "/images/dolphin2.jpg";
images[4] = "/images/fish.jpg";
images[5] = "/images/kayak.jpg";
images[6] = "/images/man.jpg";
images[7] = "/images/pasture1.jpg";
images[8] = "/images/pasture2.jpg";
images[9] = "/images/pasture3.jpg";
images[10] = "/images/runner.jpg";
var rannum = Math.floor(Math.random()*11)
var choice = images[rannum];
<b>document.getElementById("myimage1").src=choice;
document.getElementById("myimage2").src=choice;</b>
</script>
<% String image2 = componentRequest.getWebResourcePath() + "/images/insidetrack3.gif"; %>
<% String image1 = componentRequest.getWebResourcePath() + "/images/pasture1.jpg";%>
<IMG <b>id=myimage1</b> SRC="<%=image1%>" WIDTH="340" HEIGHT="238" BORDER="0" ALIGN="left">
<IMG <b>id=myimage2</b> SRC="<%=image2%>" WIDTH="360" HEIGHT="238" BORDER="0">
If you like to do the random part on the server side you should also have you Array of URL's and the random call on the server side.
Best Regards
Martin

Using PHP to display semi-random images?

Hello,
I'm looking for help using PHP and MySQL to generate semi-random images on my web site. Here's what I'm trying to do: I have 60 images, but I only want to display 16 at a time (for examlpe http://artisdead.net/antelopegardens.php).
The way I imagine this is, the design has 16 image placeholders. I want Placeholder 1 (the first image) to randomally pull record ID 1, 2, or 3 from the SQL database, while Placeholder 2 pulls record ID 4-6, etc. It's important that one of the first 3 images displays first, while one of the second 3 images displays next, etc.
I've found various ways to randomize all the images, but I'm not understanding how to constrain the randomization the way I'm looking to. Any help would be greatly appreciated. Thanks in advance.

Alamo_Melt wrote:
The way I imagine this is, the design has 16 image placeholders. I want Placeholder 1 (the first image) to randomally pull record ID 1, 2, or 3 from the SQL database, while Placeholder 2 pulls record ID 4-6, etc. It's important that one of the first 3 images displays first, while one of the second 3 images displays next, etc.
Before offering a possible solution, I should point out that your plan has a minor flaw. If you display only 16 images, and want the random choice to come from incremental sets of three, the maximum number you can have in your set is 48. The final 12 images will never be selected. For 60 images, you need 20 placeholders. The alternative is to have a total set of 64 images, and make the random choice come from incremental sets of four images.
With that caveat, here's how I would do it. The primary keys of your records might not be consecutive, particularly if records are deleted and new ones added, so it might be a good idea to have a separate column with consecutive numbers from 1 to the the maximum. To select random numbers from incremental groups of three, use the following:
$id = array();
$min = 1;
$max = 3;
for ($i = 0; $i < 16; $i++) {
// generate random number from current set
$id[$i] = mt_rand($min, $max);
// increment the minimum and maximum numbers for the next set
$min += 3;
$max += 3;
// join the selected values as a comma-separated string
$vals = implode(',', $id);
$sql = "SELECT image FROM images WHERE id IN ($vals)";
// excecute the SQL query

Images on websites are not clearly displayed

Dear All,
The last month or so i have noticed that images on websites are not as clear as they used to be. Seem to be fuzzy. This is not a great help when im buying cosmetics or clothes as the images are not clear enough to see what im purchasing. Its not just one website its all.
Ive not changed anything on my laptop that i know of, its all running as when i purchased it.
Does anyone have any suggestions for me to try?
Lesley

Hi
Its not a notebook malfunction. There is all ok with the hardware. I assume you have changed something in the IE settings or the images on the websites are really blurred.
You can try to check the settings in the IE option View. Check if the text size is set to medium and the encoding to Unicode (UTF8)
What you can do also to reinstall the IE.

Random Image not displaying in Live View.

My page is at:
www.andrewjamesartist.co.uk
There's a random image script on the front page.
<img src="randomimages/rotate.php" alt="A Sample Image from the work of Andrew James" />
That's how it is placed in the page.
It shows in preview in browser and it's OK live but it doesn't show in LiveView.
I use a testing server set up with virtual hosts.
Martin

My page is at:
www.andrewjamesartist.co.uk
There's a random image script on the front page.
<img src="randomimages/rotate.php" alt="A Sample Image from the work of Andrew James" />
That's how it is placed in the page.
It shows in preview in browser and it's OK live but it doesn't show in LiveView.
I use a testing server set up with virtual hosts.
Martin

Kaosweaver Random Images And CSS

I have searched all over and can't find an answer to this and have an e-mail in to the developer but figured I would ask here as well.
I am using Kaosweaver Advanced Random Images to rotate pics on a home page in the editable content area. The CSS style for the text in the content area is to line up on the left. When I insert the Kaosweaver command )even if I insert it with the cursor in the middle of the page the images line up on the left of the page. If I make a CSS rule that centers the text there is no way to apply it to the images I can tell.....except that if I go into the code and find the name of the image in the Kaosweaver code, highlight it and right click it lets me apply the CSS rule (even though I see no visible changes to the rule. Is this OK and will it end up causing problems on different browsers etc?
Is there another way to do it. I could see attaching a second style sheet just for that page with items centered as there will only be one other line of text on the page so that it won't matter if everything on that one page is centered but I don't want everything on all the pages centered.
Is there an easier way of accomplishing this. I was surprised in Googling this that noone else seems to have this problem....am I doing something wrong?
Thanks.
Howard

Thanks Murray...it isn't on line, but I can copy the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Howard Grill Fine Art Photography</title>


<meta name="robots" content="index, follow" />
<meta name="Description" content="Howard Grill Photography specializes in landscape, nature, and abstract fine art prints. Please feel free to browse, as the site, blog and galleries are updated frequently." />

<link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header">
    <h1><img src="Images/headerlogo/headerlogo.png" width="515" height="41" alt="Howard Grill Fine Art Photography" /><br />
      "
      Seeing Things In A Different Light"<br />
    </h1>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a>      </li>
      <li><a href="portfolios.html" class="MenuBarItemSubmenu">Portfolios</a>
        <ul>
          <li><a href="landscapes.html">Landscapes</a>          </li>
          <li><a href="pittsburghparks.html">Pittsburgh Parks</a></li>
          <li><a href="sceneinstone.html">Scene In Stone</a></li>
          <li><a href="dreamscapes.html">Dreamscapes</a></li>
          <li><a href="urban.html">Urban Architecture</a></li>
          <li><a href="botanicals.html">Botanicals</a></li>
          <li><a href="oddsnends.html">Odds 'N Ends</a></li>
        </ul>
      </li>
      <li><a href="#">Blog</a>      </li>
      <li><a href="articles.html">Articles</a></li>
      <li><a href="purchase.html" class="MenuBarItemSubmenu">Purchase</a>
        <ul>
          <li><a href="purchaseprints.html">Prints</a></li>
          <li><a href="purchasefolios.html">Folios</a></li>
          <li><a href="purchasenotecards.html">Note Cards</a></li>
        </ul>
      </li>
      <li><a href="about.html" class="MenuBarItemSubmenu">About</a>
        <ul>
          <li><a href="bio.html">Bio</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="#">Comments</a></li>
          <li><a href="#">Mailing List</a></li>
          <li><a href="#">Website</a></li>
        </ul>
      </li>
    </ul>
</div>

<div class="clear"></div>

<div class="content">
<p> </p>
    <h2>
      <script language="JavaScript">
// Advanced Random Images Start
// Copyright 2001-2002 All rights reserved, by Paul Davis - www.kaosweaver.com
var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()
// KW_rs[12000]
KW_ARI[KW_ARI.length]='/Images/homepage/autumnmisthome.jpg';
KW_ARI[KW_ARI.length]='/Images/homepage/dreamscapes1home.jpg';
KW_ARI[KW_ARI.length]='/Images/homepage/dreamscapes3home.jpg';
j=parseInt(Math.random()*KW_ARI.length);
j=(isNaN(j))?0:j;
    document.write("<img name='randomSlideShow' src='"+KW_ARI[j]+"'>");
function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver
x=document.randomSlideShow; j=l; while (l==j) {
    j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }
x.src=KW_ARI[j]; setTimeout("rndSlideShow("+t+","+j+")",t);
rndSlideShow(12000,0)
// Advanced Random Images End
      </script>
    </h2>
<p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
    
</div>

<div class="footer"> © 2011 Howard Grill | All Rights Reserved <span class="footertextright"><a href="index.html" title="Howard Grill Photography Home Page">Home</a> | <a href="contact.html" title="Contact Howard Grill ">Contact</a> | <a href="sitemap.html" title="Site Map">Site Map</a></span></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Safari on iPad does not display GIF image anymore after upgrade to iOS 4.3

1) Could anybody (especially those in Apple iOS or Safari teams) advise me why the Safari on my iPad cannot display some images (probably in GIF formats) on some webpages anymore, after I upgrade my iPad to iOS 4.3? These images on the webpages can be properly displayed on when my IPad runs with iOS 4.2.1. There should be no problem with these embedded image files because they can still be properly display in Safari running on my Macbook air.
2) Is there any solution to this problem?
3) Is it possible to downgrade my iPad back to iOS 4.2.1?

I am having the same issue with two different ipads (one Wifi and one Wifi-3g) running on our home network (Verizon FIOS). The website in question is www.tvwc.com and the main logo in the upper left corner, a .gif, does not display, only a "?". Other images on the site, in .jpg format, display correctly.
I was running 4.2.1 and am now just upgrading to 4.3.

Firefox not displaying some images linked from Photobucket

Firefox 19.0 there is a website where they have a gallery of pictures all the images from the gallery are hosted on Photobucket, they use to show up as normal but now for some reason they don't, I tried clearing the cookies and the cache, I made sure the download images automatically is check and every other bit of advise I could find on the web to no avail.
One thing I notice though is if you right click the missing image to get to view image information you will see Location: the address of the image is correct (copy and paste in the address bar bring up the image)
Type: text/html (This is odd it should be img/jpeg)
Size: 0 kb (of course the image was not downloaded)
Dimension: 0 x 0 (again no image downloaded)
So if anybody has an idea how to fix this it would be greatly appreciated.
Thanks

The images on that page aren't links to real images, but at least currently link to an html page (page info > media shows type text/html).<br />
You can see that if you right-click an image and open the image in a new tab by middle clicking the View Image entry in the right-click context menu.<br />
Firefox seems to have a problem to display the image in this case.

JPG won't display in Image box.

Trying to add a logo in JPG format to the top of the form using the Image control, but it won't display the image nor print it. If I use a GIF file it works fine, but looks horrible. I'm new at this, any ideas?

I finally figured it out after posting another frustrating comment to this thread. I can't take the credit, however, as it was quickly solved by Irv Kanode in another thread. I have copied his exact post below. It solved this issue in seconds:
ADOBE SUPPORT REPLY:
Irv Kanode - 4:15pm May 5, 06 PST (#1 of 2)
Check some of your JPEGs for CMYK vs RGB.
Might the ones that fail be CMYK and the ones that work be RGB?
When images don't work are you seeing a broken image icon or...?
Irv
Adobe Support
USER FOLLOWUP TO ADOBE SUPPORT SUGGESTION:
Kurt Wedberg - 5:27pm May 5, 06 PST (#2 of 2)
Irv,
Thanks for the reply. The images that didn't work were CMYK. When I converted to RGB they worked.
The images that didn't work were coming up with random grey scale colors.
Thanks again,
Kurt
Hope this helps everyone!

Pull random images from iPhoto library folders

I'm trying to come up with a script to pull random images from my iPhoto library and copy them to another folder that I can then use with another program (GeekTool) to display them on my desktop.
What I'd like to be able to do is pull 30-50 of these images at a time. I can use GeekTool to call the script at a given interval (eg. every half hour) and have a completely different set of images everytime the script is run.
I'm a complete obliviot when it comes to applescripting, so I'm at the mercy of the experts. I've managed to find a couple of scripts that can do something similar with the screensaver, but I'm unable to figure out the script enough to make it do what I need.
Any help would be much appreciated. Thanks.
brad

You should post your question on the iPhoto forum.
http://discussions.apple.com/category.jspa?categoryID=143
Make sure you post your question in the appropriate iPhoto forum based on which version of iPhoto you have (4, 5 or 6).

Display Random Images in Website

Similar Messages

Maybe you are looking for