INAMOTO
Members
-
Joined
-
Last visited
-
-
HI there - I know this is probably quite simple, but I'm not sure how to do it. I'd like to put a bunch of text in quite a small area, it's therefore essential that users can scroll through the text to view. This website has exactly what I want. (http://www.rainbowwinters.com/autumnwinter2011.html) As you can see, users can scroll through the text which would have spilt over otherwise. Does anyone know how I can do this? Any help would be hugely appreciated! regards
-
bump - many thanks
-
Hey Here's a two parter that'd i'd love to get some help with. PART 1 - The site is a wall of photos which display in a random order ever time the page is refreshed. This is done by a lookup of .jpgs in an /image folder. My problem is that I've just made a video, and I'm not sure how to include .mp4's. I've tried adding , '.mp4' to picPaths[i] = imgFolder+'pic'+(i+1)+'.jpg'; but it doesnt work PART 2 I'd love to have each image open on its own separate page when clicked - any ideas? Any help would be much appreciated. Here's the link to live site www.rowancorr.com Regards James p.s here's the code of the site... <!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" /> <style type="text/css"> .wallPics { margin: 0px; padding: 0px; } </style> <script type="text/javascript"> var totalPics = 5; //total number of pics in the folder var numRandPics = 3; // number of random pics var imgFolder = './'; //path to images folder //load the paths to the pics var picPaths = new Array(); for(var i=0; i < totalPics; i=i+1) { picPaths[i] = imgFolder+'pic'+(i+1)+'.jpg'; } //display the random images var randNums = new Array(); window.onload=function() { var randNum; var picO = new Array(); //store the preloaded images //generate unique random numbers and display their pics for(var i=0; i < numRandPics; i=i+1) { do { randNum = Math.floor(Math.random()*picPaths.length) } while(is_in_array(randNum)); //this number already used - so generate another. randNums.push(randNum); //store the random numbers used so far //preload the random image picO[i] = new Image(); picO[i].src = picPaths[randNum]; //create the <img> for this pic imgElem = document.createElement("img"); imgElem.setAttribute("src", picO[i].src); imgElem.setAttribute("alt", ''); imgElem.setAttribute("class", 'wallPics'); document.getElementById("container").appendChild(imgElem); } } //------------------------------------ //helper function function is_in_array(num) { var isNumInArray = false; for(var i=0; i < randNums.length; i=i+1) { if(num == randNums[i]) { isNumInArray = true; i = randNums.length; } } return isNumInArray; } </script> </head> <body> <div> <table width="100%" border="0" cellpadding="0" align="center"> <tr> <td width="50%">Website</td> <td><img src="arrow.png" width="40" height="40"/></td> </tr> </table> </div><div id="container"> </div> </body> </html>
-
thanks a lot for your help guys. although your answers didn't work i figured it out. <?php if (is_front_page()) { ?> CODE HERE <?php } ?>
-
Thanks a lot for your responses, much appreciated guys! It doesn't seem to be doing the job though. Anymore ideas, i'm lost. Thanks again! if(is_home()){ <!-- this section --> <center><table border="0"> <tr> <td><?php slidedeck( 2080, array( 'width' => '505%', 'height' => '243px' ) ); ?></td> <td><a href="http://picturebookmusic.bandcamp.com/" target="_blank"><img src="http://i148.photobucket.com/albums/s2/JungChang_2007/EPArtwork-Buyimage.jpg" border="0" alt="Photobucket"></a></td> </tr> </table></center> <!-- end this section --> }?>
-
Hi, I want to stop my scroller and image (code highlighted in red code following <!-- -->) repeating on every page of the site. I just want them to be shown on the home page. does any one know how i can do this? here's the site www.picturebookmusic.com here's 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=<?php bloginfo('charset'); ?>" /> <meta name="template" content="Image Hunter <?php if (function_exists('ihinfo')) { ihinfo('version'); } ?>" /> <?php if (get_option('ihmetablurb') != '') { ?> <meta name="description" content="<?php ihinfo('desc'); ?>" /> <?php } else { ?> <meta name="description" content="<?php bloginfo('description'); ?>" /> <?php } ?> <?php wp_head(); ?> <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <?php if (get_option('ihscheme') != '') { ?> <link rel="stylesheet" type="text/css" media="screen" href="<?php ihinfo('scheme'); ?>" /> <?php } else { ?> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <?php } ?> <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'); ?>" /> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/dropdown.js"></script> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/slider.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripts/mootools_002.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripts/flashstockslidestrip.js"></script> <script type="text/javascript"> menuscript.definemenu("side", 0)</script> <style type="text/css"> #arc-select{ width: 230px; margin-top:18px; margin-bottom:18px; } </style> </head> <body> <div style="clear:both"></div> <div id="header"><div id="content"> <div id="logo"><a href="http://www.picturebookmusic.com"><img src="http://i148.photobucket.com/albums/s2/JungChang_2007/pblogocopy.png"/></a> </div> <div id="head-txt"; <a href="http://twitter.com/picture_book"><img src="<?php bloginfo('template_url');?>/images/picturebook/icons/twitter.png"/></a> <a href="http://www.facebook.com/PictureBookMusic"><img src="<?php bloginfo('template_url');?>/images/picturebook/icons/facebook.png"/></a> <a href="http://www.youtube.com/picturebookmusic"><img src="<?php bloginfo('template_url');?>/images/picturebook/icons/youtube.png"/></a> <a href="http://soundcloud.com/picture_book"><img src="<?php bloginfo('template_url');?>/images/picturebook/icons/soundcloud.png"/></a> </div> </div> <div style="clear:both"></div> <div class="clearfix" id="nav"> <!-- The categories menu --> <ul class="clearfix"> <div id="content"> <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?> </div> </ul> </div> br/ <!-- this section --> <table border="0"> <tr> <td><?php slidedeck( 2042, array( 'width' => '505%', 'height' => '243px' ) ); ?></td> <td><a href="http://picturebookmusic.bandcamp.com/" target="_blank"><img src="http://i148.photobucket.com/albums/s2/JungChang_2007/EPArtwork-Buyimage.jpg" border="0" alt="Photobucket"></a></td> </tr> </table></center> <!-- end this section -->
-
i have this slider code in my header <?php if ( is_front_page() ) { slidedeck( 2030, array('width' => '50%', 'height' => '220px' ) ); } ?> however, it starts on the every left hand side of the page. how can i make it begin about 20px / 20% into the page so that it is aligned with other objects? thanks a lot. James
-
I need help creating a content scroller to ad to an existing template. www.picturebookmusic.com existing view http://lnk.nu/i148.photobucket.com/1wd3.png desired view http://lnk.nu/i148.photobucket.com/1wd4.jpg Does anyone know how i go about doing this. scroller http://www.featuredcontentgallery.com/ any help is much appreciated! James
-
hey thanks a lot! you're a great help! Do you have an idea how to create the refresh button? much appreciated!
-
Hi there, I'm a photographer who has some knowledge of web design. I'm looking to create a website to display my work. I'm really liking this site http://www.jasonevans.info/ but am unsure how to crate one similar. I'd like my images to move around when the page is shrunk/stretch as well as having the randomise button at the bottom of the page. Could anyone explain to to create ese? or how the person who created the jason evans site did it? any help would be really appreciated!!! Inamoto
-
Hey, I'm having problems getting my background to auto resize itself when the window is shrunk or stretched. I want my background to fill the screen and retain its orignal ratio when adjusted by window size. A website which already has this is http://ntslive.co.uk/. I have already tried to get the same results but my background does not stay in proportion with the correct ratios like the NTS site. Here's my site at the moment www.rowancorr.com. Does anyone know the code i need to add to get do this...? Any help would be very much appreciated James.