Announcement

Collapse
No announcement yet.

Rotating banners

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Rotating banners

    Hi,

    I am looking to have the banners on this website at the top of the page change every-time the page is refreshed,

    http://www.jhooakley.com/

    Is there an easy way to do this... Bearing in mind web coding is not my fortay.



    Thanks!
    Richard Lock Artwork for Music and Media DEVOLUTION DESIGNS - CLICK HERE

    Type One Creative, graphic and web design services in the UK TYPE ONE CREATIVE - CLICK HERE

  • #2
    You can do it with PHP or Javascript. The dead easiest way to do it is to number your images, like banner1.jpg banner2.jpg banner3.jpg and have JS or PHP choose a random number between 1 and 3.

    PHP I'd favor because it'll work before the page is loaded and if JS is turned off.

    Code:
    <img src="/img/banner<?php echo rand(1,3); ?>.jpg" alt="">
    Swedish Meatball Pornography

    Comment


    • #3
      Thanks!
      Richard Lock Artwork for Music and Media DEVOLUTION DESIGNS - CLICK HERE

      Type One Creative, graphic and web design services in the UK TYPE ONE CREATIVE - CLICK HERE

      Comment


      • #4
        i ma still struggling with this.. cant get swf files to rotate..

        is there a decent guide online for this?

        thanks
        Richard Lock Artwork for Music and Media DEVOLUTION DESIGNS - CLICK HERE

        Type One Creative, graphic and web design services in the UK TYPE ONE CREATIVE - CLICK HERE

        Comment


        • #5
          try this website to code a simple on with php:

          http://jwpctips.com/internet/how-mak...cript-php.html

          Comment


          • #6
            http://www.developertutorials.com/sc...tails/7679.php
            Broke or just cheap? Read my list of free open source alternatives to Adobe Creative Suite software.

            Comment


            • #7
              still none the wiser!!! lol.
              Just cant get them to work at all. I can get giffs to rotate but not SWf files


              I just need some code i can copy an paste if possible.
              Richard Lock Artwork for Music and Media DEVOLUTION DESIGNS - CLICK HERE

              Type One Creative, graphic and web design services in the UK TYPE ONE CREATIVE - CLICK HERE

              Comment


              • #8
                Post all the code for the page including the PHP.

                Comment


                • #9
                  Code:
                  <?php 
                  
                  /* files to rotate */
                  $files = array('aaa.gif','bbb.gif','ccc.gif','ddd.swf','fgtr.swf');
                  
                  /* current file */
                  $file = isset($_COOKIE['file']) && in_array($_COOKIE['file'],$files)?$_COOKIE['file']:null;
                  
                  /* remove previous file shown */
                  if($file !== null) {
                  	$filesIndex = array_search($file,$files);
                  	array_splice($files,$filesIndex,1);
                  }
                  
                  /* choose a new file to show */
                  $filesIndex = array_rand($files,1);
                  $file = $files[$filesIndex];
                  
                  // save file to cookie
                  setcookie('file',$file);
                  
                  // get the files extension to determine how to show it
                  $filesExtension = strrpos($file,'.') === false?'':substr($file,(strrpos($file,'.')+1));
                  
                  // alternate display implementation for an image and swf
                  switch($filesExtension) {
                  	case 'swf':
                  		echo "<p>Showing Flash: $file</p>";
                  		break;
                  	
                  	default:
                  		echo "<p>Showing Image: $file</p>";
                  }
                  ?>
                  Test it out to see what it does and let me know if that is what your after.

                  If it is then I'll show you next step once your code is posted.
                  Last edited by tZ; 11-03-2009, 06:00 PM.

                  Comment


                  • #10
                    thanks if this works i owe you one! .. or two!
                    Richard Lock Artwork for Music and Media DEVOLUTION DESIGNS - CLICK HERE

                    Type One Creative, graphic and web design services in the UK TYPE ONE CREATIVE - CLICK HERE

                    Comment

                    Search

                    Collapse

                    Advertisement

                    Collapse

                    Latest Topics

                    Collapse

                    • Obsidian86
                      Reply to Time for a UX overhaul...opinions welcome
                      Obsidian86
                      The site looks very impersonal and quasi-professional to me. I don't know how to explain it very well, but I'll try.

                      It's like if you get an email for some "as sold on TV product",...
                      Today, 07:03 PM
                    • theberto
                      How to align text with Indesign
                      theberto
                      Hi everyone, I am currently writing my CV using Indesign, I was making a kind of table with some different textbox. I wanted to Align the text in the center of the box (not just considering the line but...
                      Today, 04:59 PM
                    • 3wCorner
                      Reply to Time for a UX overhaul...opinions welcome
                      3wCorner
                      1) Is the design too hokey pokey in home/portfolio, does it engage?
                      2) Is the font off-ish, or does it look a bit basic?


                      1. Your design is simple. Maybe it will engage customers....
                      Today, 04:36 PM
                    • 3wCorner
                      Reply to adding video file in HTML5
                      3wCorner
                      Use <video>element like the example below where
                      width="320" is your width and can be edited
                      height="240" is your height and can be edited
                      movie.mp4 and movie.ogg
                      ...
                      Today, 04:24 PM
                    • 3wCorner
                      Reply to My own website, your own critiques vol2
                      3wCorner
                      Do not use the same images in your front pages. Use different images for different sections. Don't use too much effect in photos. Sometimes simplicity in design makes it more readable and interesting....
                      Today, 04:18 PM

                    GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
                    Working...
                    X