JQuery :: Vertical Scroller For Contents On Website

Jul 12, 2010

I am trying to introduce a vertical scroller to my site, I got the code from a tutorial and slightly tweaked the html to meet my needs but now the content doesn't scroll. None of this code has been altered!
<script type="text/javascript">
$(document).ready(function(){
$(".newsticker-jcarousellite").jCarouselLite({
vertical: true,
hoverPause:true,
visible:10,
auto:500,
speed:1000
});
});
</script>

This is the HTML and PHP part:
<div id="newsticker-demo">
<div class="newsticker-jcarousellite">
<br/><?php
$query = mysql_query("SELECT * FROM employers WHERE featured = 'Yes' AND image != '' ORDER BY rand()");
$i=0;
//$query = mysql_query("SELECT * FROM employers WHERE f_emp_active = 'Yes' and image !='' ORDER BY rand()");
echo '<div>';
while ($aqm=mysql_fetch_array($query)){
?><div><div>
<div class="thumbnail">
<div align="center"><a href="company.php?companyname=<?php echo $string ?>">
<img src="<?=$fullurl?>/thumbnail.php?gd=2&src=employers/logo/big/<?=$aqm[image]?>&maxw=<?=$a18[width]?>" alt="<?=$aqm[companyname]?>" title="<?=$aqm[companyname]?>" class="noborder" /></a>
</div></div>
<div class="clear"></div>
</div></div><br/><br/><?php
if($i==5){
echo '</div><div>';
} $i++;
} echo '</div>'; ?>
</div></div>

View 1 Replies


ADVERTISEMENT

JQuery :: Using A Vertical And Horizontal Image Scroller?

Aug 17, 2010

What 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 Related

JQuery :: Text Scroller Vertical Within Fix Sized DIV

Jun 4, 2009

I 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 Related

JQuery :: Creating Vertical Scroller For Content DIV

Aug 5, 2011

I am currently working on creating a vertical scroller and have got so far but have got stuck on some of the functionality.

My HTML looks like this
div class="outer">
<div class="slider-content clearfix"><ul>
<li><img src="images/img1.jpg" width="200" height="200" alt="img1"></li>
<li><img src="images/img2.jpg" width="210" height="200" alt="img2"></li>
<li><img src="images/img3.jpg" width="220" height="210" alt="img3"></li>
<li><img src="images/img4.jpg" width="210" height="200" alt="img4"></li>
<li><img src="images/img5.jpg" width="200" height="200" alt="img5"></li> .....

My CSS is as follows
*{margin:0px;padding:0px;}
li{list-style:none;float:left;height:200px;width:200px;}
.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }
.outer{margin:45px auto;position:relative;height:500px;width:515px;border:1px solid #333;overflow:hidden;}
.slider-content{position:absolute;top:0px;left:0px;}
.top-hover, .bottom-hover{width:515px;height:50px;background:#ccc;}
.top-hover{position:absolute;top:0px;z-index:500;}
.bottom-hover{position:absolute;bottom:0px;}

And finally my JS
$(function(){
$('.outer').prepend('<div class="top-hover"></div>');
$('.slider-content').after('<div class="bottom-hover"></div>');
//Get height of outer container and slider
var outerHeight = $('div.outer').height();
var contentHeight = $('div.slider-content').height();
// Calculate cut off point of displayed contents
var contentExcess = contentHeight - outerHeight;
//store end point of scroll
var maxTopScroll = 0 - contentExcess
var speed = 45;
var hovered = false; .....
//If scroll reaches max then stop
alert('No movement');
}},
function(){
return false;
});});

Currently the scroller moves up and down when you hover over the top and bottom buttons however you have to keep moving in and out of the hover area in order to get the scroller to move. How can you make it so that it will do a continuous scroll of the scroll-content div. Also currently the script has no way to limit the end of the scroll-content div and I cant seem to get it to stop once it gets to the bottom of this div.

View 2 Replies View Related

Easy To Use Vertical Scroller?

Mar 17, 2011

I 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 Related

Finding A Specific Vertical Scroller?

Oct 7, 2009

I 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 Related

How To Get Vertical Image Scroller (Non Flash)

Jun 24, 2011

This 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

View 5 Replies View Related

Simple Text Scroller (Vertical Or Horizontal)?

Nov 29, 2009

I need to make a very simple text scroller (either vertical or horizontal) using JavaScript.

View 3 Replies View Related

JQuery :: Get A Web Contents From Other Website?

Feb 12, 2010

I have simple web contents in a page on one server, [URL] and want to plant that in a page on a second server, [URL]

This code doesn't work:

$(function(){
$("#test").load("http://foo.bar.org/test.shtml");
});

although it does work if I put test.shtml on the second server, bar.org, and refer to it relative to root.

View 2 Replies View Related

How To Hide Website Contents Using Java

Mar 29, 2010

This is my bit of code and I will try to explain what I want to achieve.

<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="30"><font size="-2">Day</font></td>
<td width="50"><font size="-2">Period</font></td>
<td width="50"><font size="-2">Time</font></td>
<td width="50"><font size="-2">Total</font></td>
<td width="35"><font size="-2">Code</font></td>
<td><font size="-2">Note</font></td> .....

Basically this gives me a table with all the start and finish times for each day from Monday to Sunday. What I'm looking at is the ability to hide particular day using java if possible. I know you can use div's to do this and I've searched the forum for solution but it looks like my case is unusual. I want to use show/hide buttons to display certain day and hide rest of them. Is it possible to put the new code around the existing one?

View 1 Replies View Related

Capture HTML Contents From Another Website?

May 27, 2010

How can I use Javascript to access an external website (a href...) and capture the contents of a particular HTML tag. I thought ".innnerHTML" might do it but I've tried several configurations and can't seem to figure out how. I'm not even sure that it's possible.

View 1 Replies View Related

Protecting Website Contents - "Anti Copy" Controls

Feb 4, 2011

How to make a website show the contents readable to the visitor, while the text is entirely protected, no downloads, no copy/pasted, no saving, ..?

All possible controls to take to protect the content.

It could be somewhat similar to Google Books and Scribd:

A combination of Javascript, PDF, images, Flash, ...

Is there any tool for this? Or just; how to make it ourself?

View 1 Replies View Related

JQuery :: Ajax Program On Website A Call Website B?

Nov 30, 2010

I have a ajax program on a page on website A. And I need to let it talk to a program on website B. I tried to put website B into the url of the parameter but it doesn't work.It gives me a "[objet XMLHttpRequest]" error.here is the code on website A:

[Code]...

View 1 Replies View Related

JQuery :: Use As A Text Scroller?

Feb 22, 2011

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].....

View 4 Replies View Related

JQuery :: Image Scroller Not Repeating?

Jul 2, 2011

var scrollSpeed = 1;
// Speed in milliseconds
var step = 1;
// How many pixels to move per step

[Code]....

View 1 Replies View Related

JQuery :: Want To Make Li-scroller Continuous?

Sep 12, 2010

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 Related

JQuery :: Looking For Fullscreen Scroller With Pull Bar?

Mar 6, 2011

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 Related

Analyze The Contents Of A Textbox And Replace The Contents With The Appropriate Date?

Jul 15, 2009

I'm looking for javascript to analyze the contents of a textbox and replace the contents with the appropriate date. To make that a little clearer, if the user types 'tomorrow' then when they tab/move onto the next text box the 'tomorrow' text should be replaced with the date for tomorrow in the format dd/mm/yyyy, if the user enters '1 week' then the text should be replaced with the date in one week in the format dd/mm/yyyy etc.

View 1 Replies View Related

JQuery :: Horizontal Image Scroller - Can't Add More Images

Sep 30, 2011

i 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 Related

Jquery :: Making Image Scroller Alternate?

Feb 25, 2010

I have following code which scroll images from left to right. Can I modify the code so that the images moves alternate.(i.e. left to right and again right to left)

var duration = 10000;
var speed = (parseInt($("div#container").width()) + parseInt($("div#viewer").width())) / duration;
var direction = "rtl";
(direction == "rtl") ? $("div#container").css("left", $("div#viewer").width()).addClass("rtl") : $("div#container").css("left", 0 - $("div#container").width()).addClass("ltr") ;
//animator function

[Code]...

View 1 Replies View Related

Jquery :: ()load Function Not Working - Change Contents Of A Div Named "sub2" With Contents Of "pets.html"

May 2, 2011

Im currently working on a project with jquery... the thing is.. i need to change the contents of a div named "sub2" with the contents of "pets.html"... i've read some tutorials and i thought the best way to do this is through the use of jquery...

Here's my code:

My image which is supposed to be clicked contains this:

The code is working ., but when i transfer my codes to netbeans with Tomcat running the code didnt work ...

Is there anyone here who knows what's wrong or what should i do with my code?

View 1 Replies View Related

Vertical Sync Animations - Getting Timers To Run On The Vertical Sync

Jun 11, 2010

Does anyone know a way to do vertical sync with javascript animations (getting timers to run on the vertical sync)?

I rather doubt there is a way to do it, but I find it annoying that when I am dragging an object with my mouse that the object "tears" sometimes.

View 1 Replies View Related

JQuery :: Combining Multiple Plugins (Accordion And Horizontal Scroller)?

Sep 21, 2010

I'm trying to combine the jQuery UI Accordion with the Full size, horizontal scroller demo with easing (the fourth one). How can I combine two jQuery plugins? I tried some var j = jQuery.noConflict();but that didn't help.

<script>
$(function() {
$( "#accordion" ).accordion();

[code]...

Where can I read more about combining two different scripts?

View 3 Replies View Related

JQuery :: Continuous/constant Scrolling Both Forward And Backward In The Same Scroller?

Aug 22, 2010

make a scroller that could scroll continuously/constant both forward and backward (from left to right and right to left).

The instance shouldn't scroll unless holding down a link (arrows left&right) outside the scroller. (using onmousedown and stop onmouseup) and it would be great if it's not possible to scroll past the last and first item. (i don't want any empty space) But I guess I could do that with offset and exclude (:

I don't have any code for you, but if you want me to try some more first, I'll do that and send you if I got anything good out of it!

(I also tried the HoverScroll plugin, but since the arrows is implemented in the jquery/js-code I wasn't abled to tweak it as I wanted. That plugin is possibly the nearest already made scroller I've so far seen. However I want the buttons to be outside the scrollerarea, and I also want to be able to change the styling on the whole thing. and I want it to use onmousedown and onmouseup instead of onmouseover.)

I've tried with scrollable and ScrollTo/SerialScroll, but I'm not a code wizard so how to do this.. ;O These plugins seems really great, and I have used them in other projects, so I'm a bit familiar with how they work.

View 1 Replies View Related

JQuery :: Image Cube - Making Thumbnail Scroller With Highlight

May 19, 2011

I have a question about this image cube [URL]. I would like to make it like this [URL]. How to make that thumbnail scroller with highlighting function and linked properly to the cube.

View 2 Replies View Related

AJAX :: Jquery Conflict - Implement A New Scroller For Some Navigation In Site

Apr 23, 2011

I am trying to implement a new jquery scroller for some navigation in my site and am running into some problems. I had a different version of the scroller working as well as the ajax calls to the content. Now with the new scroller there are classes created by the javascript that seem to be interfering with the ajax. You can see in the example shown : webdesign The solo link works fine (without the extra classes) This is how it was set up before. I am having to use a new scroller because I need to make the navigation dynamic and have to be able to create a single list of links that can then be cut up into sections by the JS, rather than building the list out in sections to be scrolled. If you are familiar with these scrollers then you know how they work.

This is the one I am using now: [URL] Then one I was using before is this: [URL] How can I get this to work. I tried disabling the creation of these classes but then it didn't scroll at all. I don't know JS enough to dig into the file or to figure out a solution.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved