<div>
Assuming you use jQuery here, the best to achieve your goal would be iterating an array with each(), like this:<br />

<pre><code id="code-20-36962550-1">$.each($(&quot;a[rel^=prettyPhoto]&quot;), 
  function(itemIndex, item) {
   item.prettyPhoto({
     theme: (item.attr(&quot;rel&quot;)=='prettyPhoto2')? 'new_theme' : 'pp_default',
     showTitle: true
   });
  }
);</code></pre>
</div>


Assuming you use jQuery here, the best to achieve your goal would be iterating an array with each(), like this:


$.each($("a[rel^=prettyPhoto]"), 
  function(itemIndex, item) {
   item.prettyPhoto({
     theme: (item.attr("rel")=='prettyPhoto2')? 'new_theme' : 'pp_default',
     showTitle: true
   });
  }
);

<div>
Oops, sorry, small glitch. Use this instead:<br />

<pre><code id="code-20-36962569-1">$.each($(&quot;a[rel^=prettyPhoto]&quot;), 
  function(itemIndex, item) {
   item.prettyPhoto({
     theme: (item.rel=='prettyPhoto2')? 'new_theme' : 'pp_default',
     showTitle: true
   });
  }
);</code></pre>
</div>


Oops, sorry, small glitch. Use this instead:


$.each($("a[rel^=prettyPhoto]"), 
  function(itemIndex, item) {
   item.prettyPhoto({
     theme: (item.rel=='prettyPhoto2')? 'new_theme' : 'pp_default',
     showTitle: true
   });
  }
);

<div>
<div class="content wysiwyg-content">
Hi all. I have currently am using this javascript:<br />
<br />
&lt;script language=&quot;javascript&quot;&gt; <br />
$(document).ready(function<wbr />(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&quot;a[rel^='prettyPhoto']&quot;)<wbr />.prettyPho<wbr />to({<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;theme:'pp_default',<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTitle: true<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});<br />
&lt;/script&gt;<br />
<br />
What I want to add is that IF rel=prettyPhoto2 THEN theme:'new_theme'<br />
<br />
Not sure how to properly do this. <br />

</div>
</div>


Hi all. I have currently am using this javascript:

<script language="javascript"> 
$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({
			theme:'pp_default',
			showTitle: true
			});

		});
</script>

What I want to add is that IF rel=prettyPhoto2 THEN theme:'new_theme'

Not sure how to properly do this. 


How to write a proper ELSE statement

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.