Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Using:</p> <pre><code>$(window).load(function(){ var $p = $('&lt;p&gt;&lt;a href="#"&gt;Refresh&lt;/a&gt;&lt;/p&gt;').appendTo(document.body); $p.find('a').click(function(){ window.location.reload(); return false; }); $('.slides_control img').css('display', "none"); $('.slides_control img').fadeIn(800); }); </code></pre> <p><a href="http://jsfiddle.net/fhF5E/" rel="nofollow">http://jsfiddle.net/fhF5E/</a></p> <p>It does flicker when you click Refresh several times in a row.</p> <p>Using:</p> <pre><code>.slides_control img { display: none; } $(window).load(function(){ var $p = $('&lt;p&gt;&lt;a href="#"&gt;Refresh&lt;/a&gt;&lt;/p&gt;').appendTo(document.body); $p.find('a').click(function(){ window.location.reload(); return false; }); $('.slides_control img').fadeIn(800); }); </code></pre> <p><a href="http://jsfiddle.net/fhF5E/1/" rel="nofollow">http://jsfiddle.net/fhF5E/1/</a></p> <p>I haven't been able to get it to flicker once.</p> <p>Even this doesn't flicker:</p> <pre><code>&lt;div class="slides_control"&gt; &lt;img src="http://www.gravatar.com/avatar/e1122386990776c6c39a08e9f5fe5648?s=32&amp;d=identicon&amp;r=PG"/&gt; &lt;/div&gt; &lt;script&gt;$('.slides_control img').hide();&lt;/script&gt; $(window).load(function(){ var $p = $('&lt;p&gt;&lt;a href="#"&gt;Refresh&lt;/a&gt;&lt;/p&gt;').appendTo(document.body); $p.find('a').click(function(){ window.location.reload(); return false; }); $('.slides_control img').fadeIn(800); }); </code></pre> <p><a href="http://jsfiddle.net/fhF5E/3/" rel="nofollow">http://jsfiddle.net/fhF5E/3/</a></p> <p><strong>EDIT</strong></p> <p>After reviewing the actual page that demonstrated the problem, it was discovered that the <code>display: none</code> was being applied to the <code>img</code> in such a way that on page load, the <code>display: none</code> selector was not selecting anything, but then <em>was</em> selecting <em>after</em> the slider effect was added (on ready).</p> <p>So...</p> <pre><code>.slides_control img { display: none; } </code></pre> <p>Needs to change to:</p> <pre><code>.slider img { display: none; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POjQuery .fadeIn flicker caused by browse back / forward
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USJared Farrish
    1. USJared Farrish
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjQuery .fadeIn flicker caused by browse back / forward
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COHi Jarred, thanks again. I tried your answers, but to no avail. I'm going to double-check everything to see if the issue is not being caused by a conflicting script - although from my research, I'm thinking the cached image is being loaded faster than the script has time to execute..
      singulars
      1. PO
      1. USChristian
    2. COIf css (as in not the jQuery `$.css()` method) is used to `display: none` on the image, it *will not* display even for a millisecond on page load unless there's something else that's overriding it (in your css files, some other Javascript file). If the image is flickering because it hasn't fully downloaded (this doesn't seem likely, but is plausible, I don't know), you can load the image with Javascript in the `window.load` handler and set the `img.load` to add the `click` handler after it loads. Put `style="display: none;"` in the image element markup and see what happens.
      singulars
      1. PO
      1. USJared Farrish
    3. COHi Jarred...I have not been able to resolve :/ Would you mind taking a look at the site I'm working on? If you navigate thru the images so they load, and then try to go back and forth thru those images you'll see the flickr. Yes, I do have it set to `display: none` on my .css stylesheet. Here's the link to the site: http://peteryang.com/v02/image/vartkess-tarbassian-2/ - - Thank you so much for your help.
      singulars
      1. PO
      1. USChristian
 

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