<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">I think you'll find that sort of thing very easily done without any modules at all just by learning a little jQuery. It sounds like you already have the knowledge how to create the View so I'll just give you a simple jQuery snippet:<div><pre style="display: block;" class="codeB"><pre>$(window).<strong class="selflink">unload</strong>( function() { $("div.contentToChange p.firstparagraph:visible").slideUp("slow"); } );</pre></pre><pre style="display: block;" class="codeB"><pre><a href="http://docs.jquery.com/Core/%24" title="Core/$">$</a>(window).<strong class="selflink">load</strong>( function() { $("div.contentToChange p.firstparagraph:hidden").slideDown("slow"); } );
</pre><pre><br></pre><pre><span class="Apple-style-span" style="font-family: Helvetica; white-space: normal; ">I don't foresee it being any more of a performance issue than the example site you mentioned. </span></pre><pre><font class="Apple-style-span" face="Helvetica"><span class="Apple-style-span" style="white-space: normal;"><br></span></font></pre><pre><span class="Apple-style-span" style="font-family: Helvetica; white-space: normal; ">Best of luck!</span></pre></pre><div><div><br></div><div>On Nov 10, 2009, at 12:13 AM, brendan, fresh-off.com wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div lang="EN-US" link="blue" vlink="purple"><div class="Section1"><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><b>Hello List<o:p></o:p></b></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><o:p> </o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; ">I’m working on finally updating my site/portfolio and came across this while looking for inspiration: <span class="Apple-converted-space"> </span><a href="http://pixelresort.com/portfolio/" style="color: blue; text-decoration: underline; ">http://pixelresort.com/portfolio/</a><br><br>You’ll notice that underneath his main navigation, he has “exposed filters” that change the portfolio view with some Javascript/AJAX/jQuery/etc. I’m wondering if something like that Javascript/AJAX/jQuery/etc. effect could be done with Drupal – and on a portfolio page that not only uses Views, but also pagination? And if it is, any pointers towards helpful modules?<o:p></o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><o:p> </o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; ">Another question that comes to mind is, if one were to use a Javascript/AJAX/jQuery/etc. effect like the one on the Pixel Resort site, but with several pages of content - is that likely to cause any performance issues?<o:p></o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><o:p> </o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "> <o:p></o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><b>Thanks for any input!</b><br><br><br>----<o:p></o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><o:p> </o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><b><span style="color: rgb(64, 64, 64); ">brendan, fresh-off.com<o:p></o:p></span></b></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><span style="color: rgb(64, 64, 64); ">Creative Direction & Consultation: Web | Print | Brand<o:p></o:p></span></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><span style="color: rgb(64, 64, 64); "><o:p> </o:p></span></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><span style="color: rgb(64, 64, 64); "><a href="http://fresh-off.com" style="color: blue; text-decoration: underline; ">http://fresh-off.com</a><o:p></o:p></span></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><span style="color: rgb(64, 64, 64); "><a href="mailto:hello@fresh-off.com" style="color: blue; text-decoration: underline; ">hello@fresh-off.com</a><o:p></o:p></span></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><span style="color: rgb(64, 64, 64); ">206.328.1067<o:p></o:p></span></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><o:p> </o:p></div><div style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 11pt; font-family: Calibri, sans-serif; "><o:p> </o:p></div></div>--<span class="Apple-converted-space"> </span><br>[ Drupal support list |<span class="Apple-converted-space"> </span><a href="http://lists.drupal.org/" style="color: blue; text-decoration: underline; ">http://lists.drupal.org/</a><span class="Apple-converted-space"> </span>]</div></blockquote></div><br></div></body></html>