Here goes:
I'm looking for a particular dhtml content scroller that is will slide to different sections of the content when a link is clicked.
Imagine a long table with all the pages of content on it side by side and a layer is placed over that table so that when a link is clicked the desired content will slide into view.
Its a very common effect used in flash sites but im wondering if anyone knew how to do it using dhtml.
I have been looking for rss scrollers/tickers which go horizontally, I
have found one which goes vertically and is very good, but I have no
idea how to change this to go hoirzontally.
Does anyone know of a script I can use to solve my problem.
Obviously it is impossible to show the script I am using for the
vertical one as it is made up of several files.
I saw a script named "page scroller" in the following page and it works well without any error:
http://www.dynamicdrive.com/dynamicindex2/pagescroller.htm
but when I'm using it in my program, in the same browser (with the same security options), I get the following error:
To help protect your security, Internet Explorer has restricted this file from showing active content that could acess your computer...
where can I find an horizontal scroller where I can set the
scrolling direction from left to right?
I am using jquery as a text scroll (jcarousel) to pull recent articles from a blog. Everything works great. EXCEPT, I would like to have the links open in a new browser if possible.
Here is where I THINK the code needs to be changed?
// JavaScript Document
function mycarousel_initCallback(carousel, state)
{
// Lock until all items are loaded. That prevents jCarousel from
// setup correctly and we have to do that in the ajax callback
[Code].....
why (and the fix) when I place my cursor over the scrolling thumbnails under the main slideshow rotator on my site they "disappear"?http:[url].............
View 4 Replies View RelatedI have a question about this scroller/ticker script (http://www.dynamicdrive.com/dynamicindex2/mikescroll.htm) I'm working with. I'm able to get the script working on it's own page, but when I put into my HTML I'm having an issue where all the test lays on-top of each other and the scrolling is broken (see attached image).
View 3 Replies View RelatedIn a thread somewhere, someone wanted to know if there was a form element that would create a slider bar for the users to select a rating for something or other.
Well I went away and made one in DHTML and it works in all but five browsers (IE 3.0 4.0, NN 4.79 Opera 5.02 6.00) that I have tested it on.
Once I had made it, I decided to make it more customizable by allowing users to set the width of the bar more easily.
Then I considered using XML to create the slider bar so that it would work for non-JavaScript users, I decided against this for two reasons, not many people use XHTML for their pages and I don't know XML. Instead I just included a noscript section with just a normal text box in.
Then someone at school told me that I could use ActiveX to create a slider bar. Well, lets just say that I know more about XML than ActiveX and leave it at that.
So as it stands this is just your average, run-of-the-mill, DHTML script. I'm posting it here to see if anyone can think of any ways that I could make it better or just tell me how damn good it is. :D I don't mind either way, honest.
I plan on submitting it to Dynamic Drive so that's why there are credits all over the place if you're wondering.
I am trying to create a combo box with horizontal scroller. i.e. Combo box will have a fixed width, ifany of its options have higher text, then horizontalscroller should appear automatically.I also tried placing a <div> around <SELECT>. But not getting how to apply styles on it.
View 5 Replies View RelatedI know nothing of js yet, I'm still studying CSS & PHP. So I'm just looking for a ready made script for vertical scrolling. I found one that does exactly that, but all the css styling is done in the javascipt, so I was completely lost. I want to be able to just enter the html (into the js array if neccessary, I can do that much lol) and have it scroll upwards, simple as that. The nearest thing I could find to what I want is this Creating a vertical content scroller using DHTML I can style my div & images myself, then all I need to do is enter the html and away it goes, but it functions just like the marquee tag in that it waits for the entire content to clear before it starts scrolling again.
View 5 Replies View RelatedDoes anyone have a script for a scroller that scrolls a normal page in an iframe when you rollover an image (which would not be inside the iframe rather on the page the iframe is on)?
I've been searching the net for like hours and all I've found have been news tickers and marquees.
Could you javascHere is the iframe scroller script..
Code:
<script type="text/javascript"> .....
I'm working on a site that has a horizontal thumbnail scroller that when moused-over, the larger image of the thumbnail appears in a cell above.
The problem I'm having is with this line of code:
var menucontents='<nobr><a href="#" onMouseOver="('imgone')"><img src="images/thumb/img_01.jpg" name="imgone"></a> <a href......
As you can see, in my onMouseOver, I have '<nobr><a href="#" onMouseOver="('imgone')">... The problem is the use of single-quotes to open the initial statement, as well as when referring to my 'imgone' object.
Is there any way I can work around this problem so that I can have the picture loading without any problems?
var scrollSpeed = 1;
// Speed in milliseconds
var step = 1;
// How many pixels to move per step
[Code]....
I am using li-scroller. As it is, it scrolls through the content, then doesn'tstart againat the beginning until the content has scrolled out of view. I would like it to close that gap, and never have a break in the scrolling content. Just loop through it continuously
View 2 Replies View RelatedI can't seem to find what I need but I know it exists. I trying to find a vertical scroller that will automatically have the text scroll upwards but have an arrow above and arrow below to be able to control the direction of the scrolling text, or a script with no arrows but still allow me to take control by mousing over the text to scroll up or down.
View 1 Replies View RelatedI am unable to find a JavaScript picture viewer that does what I would like it to do.I have created a wrapper div of specific size for the images to be displayed in. I want the thumbnail images to be horizontally at the top of the div and the "clicked" full-size image to appear within the same div, directly below the row of thumbnails. When a visitor opens the page the first image must be loaded automatically without having to click on the thumbnail.
View 1 Replies View Related[URL] The ticker below the navbar works fine in FF and Safari, does not work in IE8 (and mostly likely other IE version as well). In IE, the live page will not even load; will load locally but the ticker doesn't work (remains static). Here is the .js:
TICKER_CONTENT = document.getElementById("TICKER").innerHTML;
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 1;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;
[Code]...
I need a JavaScript code so that I can achieve the functionality like the attached image. There will be horizontal scroller with left, right arrow for image scrolling. If a user will click on any image then that that image will be opened above the scrolling bar.
View 1 Replies View RelatedHow do i create an image scroller and a div that slides up like in the flash on the image thing on this site? http:[url].....
View 1 Replies View RelatedThis site has example of exactly what I need.
:: BIG ISLAND LIVE ::
uses one on the right side that is built with flash but I need one for a non flash site (so anti flash on this one).... CSS, JS, Jquery or whatever works etc... is what I'm looking for not flash. It would be cool to have mouse events such as move up or down images and click-able links too. But the deal breaker for sure is I need click-able links and auto scroll. It's got to be vertical I searched everywhere no luck.
This is closest I found but no auto scroll mode and no click-able links
Create a Scrolling Menu: Result
Create a Vertical Scrolling Menu with CSS and jQuery
Hey fellow coders. I've been searching for a script, but I'm coming up empty. The script will display products in a single row full screen left to right. To slide the products there is a pull bar. You can see how the exact script works on Keyboards.
View 2 Replies View RelatedWhat I'd like to do is use some sort of jquery plugin to make an image scroller that has a grid of images and scrolls each row and column horizontally and vertically. I'm a bit overwhelmed though and not sure where to start. I want to use fancybox for opening the image so I was hoping someone could point me towards something that would help with the thumbnail scroller?
View 4 Replies View Relatedi want to add a couple of images to the slider. Here is my website for you view. For some unknown reason it will not let me add any images. I thought perhaps it would allow me to only add a specific number of images so tried to change an image instead and the same....just nothing works.
View 2 Replies View RelatedI am after a simple div scroller that scrolls text up/down within a fix sized div, with two scroll buttons that can be set to hover/click, I have found a load that use it for <li> tags or images and scrolls only up by set amount, but I would like this for text etc.
View 6 Replies View RelatedI would like to take current page (which has virtualpaginate numbers below the images to advance through them) and instead of having numbers, to have thumbnails which will be across the bottom of the page (in the footer div)... I will have about 35-40 thumbnails and I'd like it so that the thumbnails correspond to the image that is displayed. I also would like to have the thumbnails be a "slider" type of script which allows the user to browse through the thumbnails by moving their mouse left-and-right. The image in the center DIV (and its accompanying information) should be replaced OnClick, not on hover over the thumbnails.
Here is my current code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Viviana Santamarina</title>
<style type="text/css"> html, body { background-color: #111; width: 1100px; margin-right: auto; margin-left: auto; margin-top: 50px; padding: 0px; border: 0px; } .....
How I can have the thumbnails in the footer DIV change the picture in the "portfolio" div just like my virtualpaginate numbers currently do.