Databases
StackOverflow2013
Postsdbo
POScroller Doesn't Animate in Page Loaded into a Div, Only works on its own page
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POScroller Doesn't Animate in Page Loaded into a Div, Only works on its own page
    primarykey
    data
    text
    <p>Please help me.</p> <p>Im trying to get this thumbnail scroller to animate:</p> <p><a href="http://manos.malihu.gr/tuts/jquery_thumbnail_scroller_vertical.html" rel="nofollow">http://manos.malihu.gr/tuts/jquery_thumbnail_scroller_vertical.html</a></p> <p><a href="http://manos.malihu.gr/jquery-thumbnail-scroller" rel="nofollow">http://manos.malihu.gr/jquery-thumbnail-scroller</a></p> <p>I get it working perfectly fine on the page I have it embedded on. Using this code:</p> <pre><code>&lt;!--Thumbnail Scroller--&gt; &lt;script type="text/javascript" src="jquery.thumbnailScroller.js"&gt;&lt;/script&gt; &lt;script&gt; $(window).load(function() { /* ThumbnailScroller function parameters: 1) id of the container (div id) 2) thumbnail scroller type. Values: "horizontal", "vertical" 3) first and last thumbnail margin (for better cursor interaction) 4) scroll easing amount (0 for no easing) 5) scroll easing type 6) thumbnails default opacity 7) thumbnails mouseover fade speed (in milliseconds) */ ThumbnailScroller("tsv_container","vertical",10,800,"easeOutCirc",0.4,500); }); &lt;/script&gt; &lt;!--End Thumbnail Scroller--&gt; </code></pre> <p>I load the necessary files in my html with:</p> <pre><code>&lt;!--JQuery--&gt; &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt; &lt;!--Thumbnail Scroller--&gt; &lt;link href="jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" src="jquery.easing.1.3.js"&gt;&lt;/script&gt; </code></pre> <p>The 2 pages are in the same directory.</p> <p>I have the sets of code identical on both pages, the one with the embedded scroller, and the page thats loading that page into a div. </p> <p>I cannot get it to work on the parent page thats loading it into a div, and thats where I really need it to work. </p> <p>Not sure how much this matters, but here is the code on the parent page im using to load my external pages:</p> <pre><code>&lt;!--Page Loading Mechanism--&gt; &lt;script type="text/javascript"&gt; $( document ).ready( function() { $( 'a.dynamicLoad' ).click( function( e ) { e.preventDefault(); // prevent the browser from following the link e.stopPropagation(); // prevent the browser from following the link $( '#MainDivBeingTargeted' ).load( $( this ).attr( 'href' ) ); }); }); &lt;/script&gt; &lt;!--End Page Loading Mechanism--&gt; </code></pre> <p>Can anyone tell me what is wrong and how i can fix this issue? Ive been fighting with this for a week now and still cant figure it out.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USWillingLearner
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COnobody has a solution?
      singulars
      1. POScroller Doesn't Animate in Page Loaded into a Div, Only works on its own page
      1. USWillingLearner
    2. COremoving the html, head, body tags causes more problems for me than it solves, so id say no.
      singulars
      1. POScroller Doesn't Animate in Page Loaded into a Div, Only works on its own page
      1. USWillingLearner
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload