Displaying various pictures

1 New Member

Here's the site I'm talking about. www.gosci.com when you go in, you see a picture that changes every 6 seconds. I cannot get more than two pictures to rotate. I'm COMPLETELY new to HTML so I have absolutely no idea how to fix it. If anybody could provide me with the fix code to fix this, I would be greatly appreciate it. We use wordpress so the company who manages our website and hosts it, wants to charge us hundreds for something I know is simple.

THank you, here's the code.

Expand|Select|Wrap|Line Numbers

 <!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" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

 <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

 <title><?php wp_title('|', true, 'right'); ?> <?php bloginfo('name'); ?> <?php if ( !wp_title('', true, 'left') ); { ?> | <?php bloginfo('description'); ?> <?php } ?></title>

 <meta name="generator" content="WordPress" /> <!-- leave this for stats (or remove for potential security reasons) -->

 <meta name="author" content="Fluid Studio" />

 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

 <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

 <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

 <?php wp_head(); ?>
 
        <script src="http://www.google.com/jsapi"></script>

        <script>

          google.load("jquery", "1.2.6");

          google.setOnLoadCallback(function() {

                var original_image = 'url(http://gosci.com/wp-content/uploads/...age.png)';

                var second_image = 'url(http://www.fluid-studio.net/sci/wp-c...ge2.jpg)';
 
 http://www.fluid-studio.net/sci/wp-c.../mainimage.jpg

    var timer = setTimeout(nextImage, 6000); // Trigger in 6 seconds

    $('#click').click(nextImage);
 
    function nextImage() {

          clearTimeout(timer);

          var header = $('#homecontent');

          var image = header.css('background-image').replace(/"/g, '');

          if (image == original_image) {

                header.css('background-image', second_image);

          }

          else {

                header.css('background-image', original_image);

          }

          timer = setTimeout(nextImage, 6000); // Trigger again in 6 seconds

          return false;

    }
 
          });

        </script>
 
</head>

<body>
 
<div id="container">

<div id="lightcontainer">

 <div id="header">

  <div id="topNav">

   <?php wp_nav_menu( array( 'theme_location' => 'top-menu' ) ); ?><a href="http://sciintranet.com"><img id="loginbutton" src="<?php bloginfo(template_url); ?>/images/login.png" /></a>

  </div><!-- end #topNav -->

 </div><!-- end #header -->

Dec 29 '11 #1

Subscribe Reply

1547

Sivaranjani

New Member

I Give Example for that,I think it's help you

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<style type="text/css">

    body { background:url(../images/header1.jpg) no-repeat;}

</style>

  <script>

        var currentBackground = 0;

        var backgrounds = [];

        backgrounds[0] = 'http://elegantthemes.com/preview/InStyle/wp-content/uploads/2008/11/s-1.jpg';

        backgrounds[1] = 'http://elegantthemes.com/preview/InStyle/wp-content/uploads/2008/11/s-5.jpg';

        backgrounds[2] = 'http://elegantthemes.com/preview/InStyle/wp-content/uploads/2008/11/s-3.jpg';
 
        function changeBackground() {

            currentBackground++;

            if(currentBackground > 2) currentBackground = 0;
 
            $('body').fadeOut(100,function() {

                $('body').css({

                    'background-image' : "url('" + backgrounds[currentBackground] + "')"

                });

                $('body').fadeIn(100);

            });
 
            setTimeout(changeBackground, 2000);

        }
 
        $(document).ready(function() {

            setTimeout(changeBackground, 2000);        

        });
 
  </script>

<body>
 
</body>

</html>

Dec 30 '11 #2

Similar topics

6865

- Dynamically Resizing/Cropping Pictures

by: Jon Yeager | last post by:

I need to display a bunch of pictures that are all of various dimensions into a fixed dimension space, like MSN Messenger does with its user photos in the chat windows. Forcing image dimensions...

HTML / CSS

1780

Displaying pictures inside the table problem

by: Nutshell | last post by:

Hi, I created a web page which contains table. I use table cells to display a picture using <img src>. The problem is that some pictures are not being fully displayed, only a quarter of the left...

Javascript

1189

Displaying hyperlink contents in reports

by: dave | last post by:

Please can anyone advise if it is possible to display the file contents of a hyperlinked file in a report. I have a field in a table for each record which stores a hyperlink address to a picture...

Microsoft Access / VBA

20844

How to display multiple pictures per record in an Access database?

by: Wadim Grasza | last post by:

I want to store and display (on a form or a report) multiple pictures per record in an access database. The pictures are not stored within the database. They are stored as files and the database...

Microsoft Access / VBA

2478

Loading Various Image Types into Image Controls

by: Lauren Quantrell | last post by:

Is there any speed difference or advantage to loading different types of images from a folder residing on a client machine into an Access Image Control on a form? For example, if I have a folder...

Microsoft Access / VBA

1507

Need help displaying images dynamically in a table

by: tperri | last post by:

I'm familiar with the Data Controls, however what I have is a website where users can upload multiple pictures. I want to display these pictures in a table, that has 3 columns in each row, and...

ASP.NET

1219

displaying product pictures from database

by: campbellbrian2001 | last post by:

Thanks All, I have a vb.net desktop application form from which a user chooses a product code from a database (Access97) using a comboBox. Each record of the database has a field giving the...

Visual Basic .NET

2168

Displaying pictures

by: gooze | last post by:

Hello I am working on an applicaion that shows several pictures on a webpage. These pictures are saved in a MySQL DB as BLOB. I noticed, that the web server suffers in its performance by...

PHP

2000

Displaying bigger pictures when click on the thumbnail (onclick event)

by: greatjuli | last post by:

Please can anyone help with a javascript code to display bigger pictures me.jpg, me2.jpg.... on the same page by clicking on their thumnails on the same page. I have done what i believe is the...

Javascript

2965

Displaying multiple pictures on a form from different records

by: Tyler | last post by:

I need to have a form that displays a group of 20 pictures in 4 rows of 5 pictures. The pictures are of people. Each Subject record has a picture field. I have a query written that selets the...

Microsoft Access / VBA

7048

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7050

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

7091

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

5344

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4488

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

2999

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

1303

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

564

php

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

185

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General