Can I Randomize Images From Database?

Sep 22, 2006

I found this javascript to randomize an image on a page...

Code:

<script language="JavaScript" type="text/javascript">
<!--
function random_img(){
var ranimage = new Array();
ranimage[1] = "photo1.jpg";
ranimage[2] = "photo2.jpg";
ranimage[3] = "photo3.jpg";

var ry = Math.floor(Math.random()*ranimage.length)
if (ry==0)
ry=1
document.write('<img src="'+ranimage[ry]+'" border=1>');
}
random_img();
// -->
</script>

I have some images that are dynamically generated and i want these images to randomize every few seconds (at the moment the images change when the user goes to a different page on the site)...can anyone give me any ideas as to whether this is possible??

The PHP code i'm using is below...

<?php

// read image dir
$dir="../../admin/uploads/";
// Open directory, and proceed to read its contents
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
if (filetype($dir . $file)== "file"){

$counter++;

$selectSQL = "SELECT id, url, imagefile from images";
$result=mysql_query($selectSQL);
#print $result . " - " . mysql_error();

$nameStack=array();
$urlStack=array();

while ($row = mysql_fetch_assoc($result)){
$thisurl= $row['url'];
$thisid= $row['id'];

array_push($nameStack, $row['imagefile']);
array_push($urlStack, $row['url']);

}


}
}
closedir($dh);
}
}


// load each image into array echo rand(5, 15);
// get count of total no. of images
$lastNo=sizeof($urlStack)-1;
$imageToUse=rand(0,$lastNo);
#print "using image $imageToUse of $lastNo";
$imageName=$nameStack[$imageToUse];
$imageUrl=$urlStack[$imageToUse];

#print "got $imageUrl and $imageName
";

//

?>

<a href="<?php echo $imageUrl; ?>"><img src="http://mywebsite.com/admin/uploads/<?php echo $imageName; ?>" alt="click here for our special offers" border=0 /></a>

View 6 Replies


ADVERTISEMENT

Get Images Out Of The Database And Display Them In A Grid?

Dec 13, 2010

I have a PHP script that will get images out of the database and display them in a grid. I have two verisons. I save a thumbnail which I display and then a larger image in a different folder. These images are placed in a scroll bar but what I would like to happen is that when I click on a thumbnail it basically displays the bigger image until I click on that image and it goes away. I would love for the middle of the image to be displayed in the middle of the users screen but beggers probably can't be choosers in this case.

An example of a similar desired result is a link here:http://qrayg.com/experiment/hig/Instead of the hover, I'd like to utilize the onclick to display and remove the image. If it's easy to put the center in the center of the screen that that would be absolutely incredible as well.

View 8 Replies View Related

Lightbox - Slideshow That Gathers Images From A Database

Sep 15, 2009

I have a slideshow that gathers images from a database. I've been trying to set it up to where it extracts the IMG SRC accordingly so when I click on the image, the lightbox shows the corresponding image. But no luck thus far.

Here's what I mean:

How can I extract the current "s.src" parameter and use it on the "img src" tag to display the image accordingly?

View 4 Replies View Related

JQuery :: Position Images From The Database In A Row Going Downwards With Even Spaces Inbetween?

Jan 14, 2011

I want to grab images from the database and then display them in a row going downwards. I be using position absolute in css. I want to put them in a row going downwards but having the exact space inbetween each image. Currently I made a row of images going downwards but the space inbetween keeps on increasing when more and more images are needed to be displayed.

[Code]...

Yet the space inbetween images increases the space when there is more and more images displayed.

The first 3 are always have the right space inbetween them. The 4th and so on adds 10px of space more for each image that is displayed but it's gradually. For instance image 4 would be you would take 70 which is image 3 top value and instead of adding 30 the code would add 40 to it. it increases the spaces by 10 for every image past the 3rd image. Yet the firebug will show the top values as if each image has a difference of 30 for the top value.

I was thinking can't I use position X and Y like with jquery or javascript can't I get the current x and y values of image one or 2 and then decrease the X and Y in a way that the spaceing inbetween each image is exactly the same. In our example I want to have like a 30px space inbetween the images and never increase the space as more images are displayed.

View 1 Replies View Related

JQuery :: Reorder Images And Save The Order Into Database?

Jan 12, 2010

I know that there are some really nice jQuery UI. However, I'm really new to jQuery and I need to save the order into a SQL Server database so that next time if the same user comes back to the site, the picture will be in the same order that he/she reordered it previously.

View 1 Replies View Related

Image Rollover Using Images Stored In MySQL Database

Feb 12, 2010

I've been advised that the only way to accomplish this is via some hand-coded javascript, at which I'm a complete noob, so hopefully someone here might be able to steer me in the right direction.I have a listings page which displays results using images and text which are stored in a MySQL database, all is working fine. The images are pulled into the page from the database and each listing can have up to a maximum of 10 images. Some will have all 10, some probably one or two, so the page is coded such that if there's an image in the field, it displays a thumbnail, if there isn't then it shoves a " " in instead.The results page has one main photo (image 1) and then a series of thumbnails (images 2-10) below it and I need to be able to set this up so that when someone clicks on image 2 it shows the full-size version of that image in the div where image1 sits, and the same for however many remaining images there are.

So my question is, how easy it is to do this with javascript and does anyone have any idea how to code it?The main photo sits in a div whose id is "mainphoto" the remainder all sit in a div whose id is "thumbpix".

View 1 Replies View Related

Listings Page Which Displays Results Using Images And Text Which Are Stored In A MySQL Database?

Feb 12, 2010

I have a listings page which displays results using images and text which are stored in a MySQL database, all is working fine. The images are pulled into the page from the database and each listing can have up to a maximum of 10 images. Some will have all 10, some probably one or two, so the page is coded such that if there's an image in the field, it displays a thumbnail, if there isn't then it shoves a " " in instead.

The results page has one main photo (image 1) and then a series of thumbnails (images 2-10) below it and I need to be able to set this up so that when someone clicks on image 2 it shows the full-size version of that image in the div where image1 sits, and the same for however many remaining images there are.

So my question is, how easy it is to do this with javascript and does anyone have any idea how to code it?

The main photo sits in a div whose id is "mainphoto" the remainder all sit in a div whose id is "thumbpix".

View 1 Replies View Related

Randomize / Swap Td Cells?

Aug 8, 2010

I've been banging my head for two days now trying to figure out how i can swap td cells. There are a lot of examples of how to order rows, but i can seem to find any on how to swap td cells. Has anyone a good referal for this.

View 4 Replies View Related

Randomize The URL In An Embedded Link?

Sep 28, 2011

I was hoping someone might have a solution to randomizing a URL in javascript... in this case for an embedded Simpleviewer link?At the moment the link is http://timperceval.com/guiran/intro1/ but I would like to have the site randomly choose from four URLs.

The embedded code is as follows:
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://timperceval.com/guiran/intro1/svcore/js/simpleviewer.js">

[code]....

View 6 Replies View Related

Randomize Script Between A Few Messages

Feb 25, 2006

but i need one to display 1 text massage of, lets say, 5 whole messages, randomized.

View 1 Replies View Related

Using Script To Randomize Sites?

Jun 5, 2010

Here is what I want to do. Create four or five different versions of my site and when someone goes to it a randomly chosen version is displayed. The way I was thinking of doing this is to have the index page of each version in a frame, the containing would run a javascript that choose one of the versions of the site. I figure the container would not display anything and just be a tiny portion of the screen with no visible frame.

That said, I don't know anything about javascript. I just assume this is what I would use to do something like this. Does anyone have a better ideas as to what I would use for this or ideas on how I would go about doing it?

View 3 Replies View Related

Randomize Array And Then Add 1 Item

Sep 7, 2011

I have an array of 6 items. I want to select 2 at random and then add an item to the start. Here's my randomiser [code]

View 2 Replies View Related

JQuery :: Randomize A Content Slider

Apr 8, 2010

I'm using a very nice jQuery content slider called Easy Slider on my site that I downloaded from Css Globe. The script is excellent and does just what I want - except I can't make it randomise the list, it always scrolls from left to right or right to left! I'm far from good with JavaScript, so my attempts at solving this have been feeble. Although I'm sure it must be an easy fix! I've tried contacting the original plugin developer but have had no response yet. The comments on the Easy Slider page didn't bear much fruit either unfortunately. I've pasted the script I'm using on my site below:

[Code]....

View 20 Replies View Related

Randomize A Pushed Array With Questions And Answers Together

Feb 13, 2011

I know how to randomize an array but how do I randomize the array below and keep the questions and answers together.

Code:

View 14 Replies View Related

JQuery :: Randomize Fonts And Other Elements On Mouse Event?

Feb 4, 2010

I'm trying to make what is hopefully a fairly simple script to randomize font size, font family, image sizes etc. on a page using a.click and disabling the normal hyperlink function.

Essentially looking to "destroy" the page randomly each time a link is clicked.

View 4 Replies View Related

JQuery :: Randomize Position Of A Div That Slides In From Left When You Hover Over An Image

Feb 22, 2010

What I am trying to do is randomize the position of a div that slides in from the left when you hover over an image.

Here is the script I am working with courtesy of Build Internet

Here is the css that goes with it

I would like to randomize the value of the top position in the css and the value of right:'30%' with values in a preset range.

View 2 Replies View Related

JQuery :: Html To Do Some Database Manipulation - Database Transaction

Jan 11, 2011

Can i use single jquery and html to do some database manipulation i.e. database transaction.

View 1 Replies View Related

Random Word Database - Able To Grab Words From A Database ?

Aug 10, 2010

I want to be able to grab words from a database with javascript. How do I do that?

View 2 Replies View Related

Database Connection - Connect To A Database And Execute Some Queries

Oct 31, 2011

I have been searching how to connect to a database and execute some queries, and then use the data that I get to populate some tables in a web page, all this using javascript.

I am confused because I have seen in some webpages that javascript is not designed to connect with databases, and also I have see other pages where they say that it is possible.

Does anyone know if it is possible to use javascript to connect to a database (informix), and execute some procedures or queries?

View 4 Replies View Related

Java - Database - Post Form To Mysql - Only Posting First Letter Of Word/phrase For Text Input Fields To Mysql Database

Jul 13, 2011

I am having no luck with my post form to mysql. It is only posting the first letter of the word/phrase for the text input fields to the mysql database. It is a photo and text post form. The photo and only first letter of text are posting to database. I am using Jqtouch, jquery, and phonegap.

Here is my form fields:

Here is my java script:

View 3 Replies View Related

Database Connection - Create An Access Database Connection From Within An HTML Page

Aug 8, 2008

I am attempting to create an Access database connection from within an HTML page. I am using Javascript to make the connection and then test a basic UPDATE statement.

The following code is throwing back an error 'UPDATE statment syntax incorrect'

Code:

I thought the syntax was correct, but maybe it is something else?

View 4 Replies View Related

How To Change Images Based On Action.Even Clicking Changed Images Should Do Respective Actions?

Jan 12, 2007

how to change images based on action. Even clicking changed images should do respective actions. and while displaying only one image at a time sholud get displayed. I am using three images for a single column of a table in Jsp. Code:

View 3 Replies View Related

Multiple Random Images - Size And Name These Images Based On Which Image Randomly Pulls?

Jan 22, 2011

What I'm looking to do is have a folder of images that I have show up on my website.I'm also looking to pull from this folder up to 6 or 7 times on the same page w/ randomized pictures that do not repeat.Finally, I'm looking to be able to size and name these images based on which image randomly pulls. b/c it's not grabbing the images.

images = new Array()

images[images.length] = 'images/example.jpg'
images[images.length] = 'images/example.jpg'[code].....

View 7 Replies View Related

JQuery :: Cycle Plugin -- Slideshow With Images Of Different Widths - How Can I Center The Images In Containing Div?

Jul 6, 2010

I have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http:[url]....it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..)if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px .to the img; why does the plugin do this.. how can I center the images in containing div...

View 1 Replies View Related

Refresh Multiple Images - Every Time Page Gets Refreshed The Images Need To Change

Oct 5, 2009

I need to refresh multiple images on my site. So every time the page gets refreshed the images need to change. It worked fine with the script below, but this is only related to 1 image

I tried to copy the script and change the "ID's" but this does not do the job.

What should I change/add to the script below?

In head:

In body:

View 7 Replies View Related

Make Different Images Hover Over A Table Of Sliced Images When You Mouse Over A Particular Image?

Apr 14, 2011

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.

Here it is: <html>

View 4 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved