/    Sign up×
Community /Pin to ProfileBookmark

move back/next links from below galley image to on each side?

I have a gallery that has back/next links below the main image, but I want them to be on each side of the image instead.

My current code looks like this:

[CODE]<center>
<br class=’clearit’ />
<div id=”main_image_wrapper”>
<div id=”main_image” align=”center”> </div>
</div>

<br class=’clearit’ /><P>

<a href=”#” onclick=”$.galleria.prev(); return false;”>&laquo;–</a> <a href=”#” onclick=”$.galleria.next(); return false;”> –&raquo;</a>

[/CODE]

When the mode the code for the links up above the clear, it goes on top of the image (literally on, not just above). So I figure need to edit this section of my .js file:

[CODE]

var _insert = ( $($opts.insert).is($opts.insert) ) ?
$($opts.insert) :
jQuery(document.createElement(‘div’)).insertBefore(this);

var _div = $(document.createElement(‘div’)).addClass(‘galleria_wrapper’);

var _span = $(document.createElement(‘span’)).addClass(‘caption’);

_insert.addClass(‘galleria_container’).append(_div).append(_span);[/CODE]

I’m just not sure how to best do this. And I want the links centered to the height of the image.

Thanks so much!

to post a comment
JavaScript

5 Comments(s)

Copy linkTweet thisAlerts:
@FangMay 06.2010 — Align the image&lt;p style="width:200px;border:1px solid red;"&gt;
&lt;a href="#" onclick="$.galleria.prev(); return false;"&gt;&amp;laquo;--&lt;/a&gt;
&lt;img alt="image" style="[COLOR="Blue"]vertical-align:middle[/COLOR];" src="image.jpg" height="100" width="150"&gt;
&lt;a href="#" onclick="$.galleria.next(); return false;"&gt; --&amp;raquo;&lt;/a&gt;
&lt;/p&gt;

[URL="http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html"]

<br class='clearit' />[/URL]
Copy linkTweet thisAlerts:
@AliasJaneDoeauthorMay 06.2010 — That really looked like it would work, but it doesn't quite. I'm linking my entire code for you to see:

http://www.different-dimension.com/AliasJaneDoe/kittens/images.html

Also, is it possible to have the last thumbnail loop back to the first when clicked?
Copy linkTweet thisAlerts:
@AliasJaneDoeauthorMay 06.2010 — Perhaps this would be more suitable: http://www.stunicholls.com/gallery/jquery-auto-photo-slide.html[/QUOTE]

Thanks, but I like mine better than that one, even if I can't move my links. And I've no idea how to add the side buttons from it into mine.
Copy linkTweet thisAlerts:
@AliasJaneDoeauthorMay 07.2010 — Does anybody else have any thoughts on this? It would be really nice if I could add overlaid image navigation buttons on mine like http://www.stunicholls.com/gallery/j...oto-slide.html uses, but where the nav buttons cover the entire right and left side of the picture (for more click space) and are mostly transparent.

In fact, I'd be willing to PayPal somebody $10 for their help if able to solve this tonight. I know you all are helping just out of kindness, but I feel guilty asking for help for free.
×

Success!

Help @AliasJaneDoe spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...