HTML - Control Size Of Slide Show

I want to have multiple banners appear every couple seconds like a slide show. Here is my website. (http://www.dubcityfilms.com) The banner is the one with the cars on it. I want to have 5 or so different ones that randomly switch. Can someone help me with this?


Thanks.

hello people, I checked the other day how is easy to have a slider with html5 and how great looks, but I was wondering how can I use it to control the font size or color of the font or background. I use already the font size option for the user to my blog's posts but with javascript and by clicking on two images (plus, minus). A simple slider would be perfect but I cant find on internet how can I get the values from slider and feed the size or color. I only found one tutorial on html5 slider which just prints the number on the slider.

I am not an excerpt so any help will be much appreciated.
cheers

Hi,
I like to show picture like a slide show like below link
http://www.giftedpenguin.co.uk/

PLease tell me how to do that,do i need to do j-script or something?
thanks

hi all im after advice on the best way to create a vertical slide show that only changes on a page refresh

the images will be shown with a negative film as a frame that is repeated vertically



then i will use php code to show a random image inside the frame

so, which will be best using the frame as a repeated background image then having a div with the image overlapping this or manually displaying a large image that i have repeated in photoshop.

Hello,
I am in the very early stages of redesigning our home page. The drop down menus at the top of the page fall behind our rotating (slideshow) images.

http://jaxpubliclibrary.org/new-home3.html

Z-index does not work to correct this problem.

I'd appreciate any help you can give me. Thank you. Linda

i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame
now this 1.htm is quite a long frame and has a scrollbar
and 2.htm is a short one
i dont the scroll bar beside my frame 1 but want it to be for my entire parent window
ie i wont to scroll both my left and right frames together
how do i do that

Hi!

I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window.

How can I make it do that?

I did it once but just can't seem to remember how I did it.

Thanks

All:

Working to update a previously designed website.

Original design uses an <img> tag to create a top banner and another <img> tag
to create a side banner.

In each case there are mapped coordinates on each banner as links for the subsequent pages.

Basic page design is as follows:

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td>
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <div>
         ***PAGE CONTENT***
      </div>
   <tr>
<table>

The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages
to be much longer or shorter than others.

This causes some inconsistencey in the relationship between the side banners height and the
page content.

In other words in some cases the banner is exceptionally longer than the page content and the
reader must scroll past significant "dead-space" before being brought to the lowest
mapped links in the side banner; or...

...in some cases the side banner is significantly shorter than the page content causing the
banner image to appear "poorly-fit" to the page design.

I considered altering the 2nd table instance in the above design so that the banner is carried
in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the
image to size relative to the <td> tag carring the content....

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td size="100%">
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <td size="100%" >
         <table>
            ***PAGE CONTENT***
         </table>
      </td>
   <tr>
<table>

The problem I've found with this is that as the content size causes the image to "flex", either
readablilty or image quality or both are effected, AND the mappings become inconsistent as the
image coordinates constantly change.

I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there
are better ideas I'm overlooking.

One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a
"defalut" page size that would never be smaller than a standard for the side banner.
Problem: larger page sizes are still a problem as are the changing map coordinates

My other idea was to return to the original page design listed first above and again settle on
a standard side banner "height"... ...any page that was significantly longer than that height
would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to
the additional content.
Problem: ...possible complications splitting content...
Benefit: ...consistent page design that allows a consistent side banner with navigable links...


Question for the group:
Does this sound reasonable?
Are there better alternatives I am overlooking?

THANKS IN ADVANCE FOR ALL INPUT!!

how do I create a section slide? This is where say, we have an item on this page. And we can expand/collapse that part from a click of a button?

I can't seem to find the examples....but have seen them before. I hope you know what I mean

basically just want some panel where I can click on a button, it will expand the contents (slide) and when I click on the button again, it will collapse the contents (sliding back up)

I am in need of assistance. I have generated a script for a slide in menu and on its own it works alright. However when I try to set it up for multiple slide menus in the same webpage I run in to some issues. Primarily the script only working for one slide on both tabs. So tab 1 hides and and un hides menu and tab 2 does the same thing. Any Ideas???Also when the page loads i need the menu to be closed below I have included the base script Im using any help would be great...thank you


<HTML>
<head>
<style>
#tabdiv { z-index: 2; left: 220px; position: absolute; top: 210px
}
#textdiv { z-index: 1; padding-top: 10px; position: absolute; top: 200px;
border-top-width: 1px; padding-right: 5px; padding-left: 5px;
border-left-width: 1px; border-left-color: #000099; left: 0px;
border-bottom-width: 1px; border-bottom-color: #000099;
padding-bottom: 10px; width: 220px; color: black; border-top-color:GREEN;
background-color:GREEN; border-right-width: 1px; border-right-color:GREEN
}
</style>
<SCRIPT language=JavaScript1.2>
if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}
function init() {
if (n) tab = document.tabDiv
if (n) poptext = document.textdiv
if (ie) tab = tabDiv.style
if (ie) poptext = textdiv.style
}
var tabShow=1;
function myfunction() {
if (tabShow == 1) {
if (n) {
tab.visibility = "hide";
tab.left = 0;
tab.visibility = "show";
poptext.visibility = "hide";
tabShow = 0;
return;
}
if (ie) {
tab.visibility = "hidden";
tab.left = 0;
tab.visibility = "visible";
poptext.visibility = "hidden";
tabShow = 0;
return;
}
}
if (tabShow == 0) {
if (n) {
tab.visibility = "hide";
tab.left = 220;
tab.visibility = "show";
poptext.visibility = "show";
tabShow = 1;
}
if (ie) {
tab.visibility = "hidden";
tab.left = 220;
tab.visibility = "visible";
poptext.visibility = "visible";
tabShow = 1;
}
}
}
</SCRIPT>
</head>


<body onload=init()>
<!-- Slide-in table start -->
<DIV id=tabDiv><B>IRA</B><a href="javascript:myfunction();">
<IMG alt="Click here to close" src="images/popout_menu.gif" width=14 border=0></a></DIV>
<DIV id=textdiv>
<font face="Verdana" size="2"><B>INDIVIDUAL RETIREMENT ACCOUNT</B></font><br>
<font face="Verdana" size="1">IRA is held at a custodian institution such as a bank or brokerage, and may be invested in anything that the custodian allows (for instance, a bank may allow certificates of deposit, and a brokerage may allow stocks and mutual funds). Unlike the Roth IRA, the only criterion for being eligible to contribute to a Traditional IRA is sufficient income to make the contribution.Transactions in the account, including interest, dividends, and capital gains, are not subject to tax while still in the account, but upon withdrawal from the account, withdrawals are subject to federal income tax.
</font><br>
</DIV>
<!-- Slide-in table end -->
</body>
</HTML>
</HTML>

This is what I have in mind, only I would like it a bit better looking

http://www.dynamicdrive.com/dynamici...lide/index.htm

So basically, a menu thats hidden until you hover over the small part thats visible - then it slides out.


Is it possible to do in jquery or mootools or similar ? I cant code myself so some tutorial would be helpful.

Thanks in advance

Hi all,

I would like to display the left 2/3rds of an image, and then immediately pan to the right to switch the view to the right hand side 2/3rds of that image. How can I do this? I've tried the marquee keyword, but that starts with a blank space then slides in the whole image. I want to start with the left 2/3rds then pan to the right 2/3rds then stop.

See here for an example:
http://www.pinecrestmaine.com/gorham.htm

Any ideas how this is done?

Thanks,
Sandi

Well, im using a cool slider to make the page slide to the designated anchor-name.

In this case I want the page to slide down to the contact info, when the contact button is clicked at the top.

Problem is, that that button is located inside the header.php file... and the browser reacts strange whenever its pressed.

HTML Code:

<div class="g-contact"><a href="#aanpak" rel="" id="anchor1" class="anchorLink" title="Contact">Contact</a></div>

when clicked it should slide smoothly down to:

HTML Code:

<a name="aanpak" id="anchor1"></a>

Please have a look at the situation here. Thanks.

I think I kinda know how the coding is thinking... but I wouldnt have the slightest clue how to make it act like I want it to.
Help much appreciated, cheers.

I have a tabbed content box using jQuery, but I want to show HTML upon loading that is not one of the actual tabs. Here is my code so far.

Code:

  <div id="tabs_container">
  <ul id="tabs">
      <li><a class="imgrep exceed" href="#tab1">tab1</a></li>
      <li><a class="imgrep fun" href="#tab2">tab2</a></li>
      <li><a class="imgrep envelope" href="#tab3">tab3</a></li>
      <li><a class="imgrep love" href="#tab4">tab4</a></li>
      <li><a class="imgrep ceo" href="#tab5">tab5</a></li>
      <li><a class="imgrep embrace" href="#tab6">tab6</a></li>
      <li><a class="imgrep shoes" href="#tab7">tab7</a></li>
      <li><a class="imgrep celebrate" href="#tab8">tab8</a></li>
  </ul>
  </div>

  <div id="tabs_content_container">

<!-- code I want to show as the default slide -->

  <div class="tab_content" style="display: block;">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #00a7d1;">Our Recipes for Success</span></p>
     <p class="inside_p">Whether it's a simple assignment or basic interaction with one of the members, our goal is not to just be good, but be better than great.</p>
  </div>
  </div>
<!-- end default code -->

<!-- Tab 1 -->
  <div id="tab1" class="tab_content">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #00a7d1;">Exceed Expectations everyday.</span></p>
     <p class="inside_p">Whether it's a simple assignment or basic interaction with one of the members, our goal is not to just be good, but be better than great.</p>

  <ul id="ingredients">
      <li>ingredients:</li>
      <li>2 determination</li>
      <li>1 positive attitude</li>
      <li>2 self-motivation</li>
      <div id="logo-blue"></div>
  </ul>
  </div>
  </div>

<!-- Tab 2 -->
  <div id="tab2" class="tab_content">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #d18c02;">Have fun.</span></p>
     <p class="inside_p">We get to do the unthinkable - work and have a good time. We share that philosophy through. Fun is what makes it so invaluable.</p>

  <ul id="ingredients">
      <li>ingredients:</li>
      <li>1 passion</li>
      <li>3 positive attitude</li>
      <li>1 goofyness</li>
  </ul>
  </div>
  </div>
... more tabs...

Hi there, you might remember me from this thread. (which was resolved by Mandarin, thanks you!)

Now Im back with another, kind of the same thing:

"Click -> Locate page -> & then slide down?"

Allow me to explain:
So ive got this header.php right. And the header file is included at every page.

All the links in the header.. link to 1 file. (diensten.php)
BUT, each link links to different areas within that file...

So what I would like to achieve is that when a link in the header is clicked, it slides down to the correct page-area.

Porblem is.... after clicked, is doesnt even go the right page.
I think the smooth slider jquery-plugin is interfering someway.

I already laid down the groundwork inside the header.
Please have a look here.

Would my wish be possible? Or should I just lay it to rest?

Thanks.