Horizontal nav/Thw.js plugin

Nin / 2011-11-17 16:18:11   

Hi,

I've been looking everywhere in vain to find an answer to my problem.
I don't know if anyone would be able to help me here...
I just hope I'm not abusing asking that!

So:

I started to built my website 2 weeks ago and it's my first experience with indexhibit and HTML/CSS.

Since now, I tried to learn on my own being real patient but I guess, I'm now facing my limited skills with all that.

I'm using the indexhibit Horizontal Format and today, I downloaded the ArtTeam horizontal_nav plugin and the Horizontal_nav.php + Thw.js that comes with
to simplify navigation and have "button" options to the horizontal scrolling bar.

Playing here and there, I also found a way to click on my pictures to jump to the next one and get rid of all the extras "previous/next" buttons.

BUT, here's my problem:

In this plugin, there's a "go back" button displayed at the end of the page so then after the last picture you can click on it and go all the way back to the 1rst image.

The thing is that my "go back" button stays at the end of the page only if I add text in my exhibition!?
If I have image only, it get stuck to the bottom right of my first pic and then become totally useless once you get to the last pic!

I don't know if this is really clear...
Sorry, if not: I'm french!

Here's a link of one of my exhibition where the "go back" button is at the right place: here because of the text.

And here's an other link to one of my exhibition where the "go back" button is wrong placed, because there's no text: here

Also, I can't find a way to get rid of the scrolling bar at the bottom of my page and get the "go back" button scrolling till the "very left end" of the page (it stops a bit before!?)

I finally tried to change the "position; display; margin; padding; overflow;" everything about this "go back" button but nothing worked...

I hope somebody will already have use this plugin and help me a bit out with this!

Thanks in advance.

The Dummy nubie

rickykappa / 2011-11-18 05:51:34   

hi, sorry I have no more time these days to watch into others code... but let me try to briefly give some tips/answers:
- try to add an empty space   (turn html process off) to the text box, check the code to see if it was correctly written in the html source, and see if the go back goes its place
- you can set your rules in the dynamic css function in the plugin (lines are at the bottom). remember that these rules are written on top of the html document, therefore these rules will overwrite any corresponding rule in the stle.css. however you can always check the html source to see what's going on.
hope this can help... ;-)

Nin / 2011-11-18 11:16:31   

Thx Rickykappa for your fast reply!

I tried the first option but it didn't work...
Actually, it probably depends on what you meant by "turn html process off" (yes, I'm quiet ashamed not catching everything, sorry)

Also, I've chosed not to get into the second option (dynamic CSS) because everytime I tried changing something (margin; padding, width...) or anything else there, it was a complete failure!

But, cause there's always a "but":

Waiting for you to have a little more time to watch into other codes...

I found a temporary option! :-)

-I figured out that, if I delete my pictures caption and add text in my exhibition:
The text will appear right above the picture (like a title) and the "go back" button will stay right placed at the end of my page!

To be sincere, I'm already very proud to have found this solution for opportunists dummies like me and if you don't have time to have a closer look to my code, there's no worries, I'll leave the things the way they are...

Thanks a lot!

And let me know if ever you see the light at the end of the tunnel for me!

A.

rickykappa / 2011-11-19 08:05:19   

hi, I'm afraid that you'll have to wait quite some time if you rely on me: I'm leaving for about a week and half...
however, don't be afraid to change things, that's the way to learn: trial & error!
1 - make a backup copy of the original file you want to edit
2 - one change = one step, don't do too much in one go until you don't know what you're doing
3 - check your code after changes, by reading the html source and/or style.css (another useful tool is firebug extension for firefox)
4 - enjoy your improving skillness!
;-)

Nin / 2011-11-20 05:07:12   

Hi Rickykappa!

I'll try again backing up my files before re-editing the plugin, you're right!

The only problem I have, is that I'm not sure I'm using the full-potential of this "firebug" app.
I got the way to check css but html seems incomplete...

Anyway,

I'll let you know!

Thx.

A.

paolof / 2011-11-24 05:35:24   

Hi Nin,

I am trying to use the plugin in my website (trying it here: http://paolofusco.altervista.org/index.php?/projects/new-york/ at the moment), and I would like to eliminate the left / prev / next links on top of every image, and enable the click on the image to go next, as you do on your site.
I have no idea where to modify the horizontal_nav or the thw files to have this results.

also, I don't understand why, when I click "next" it slowly scrolls right, and when I click "prev" it fast scrolls left.

thank you very much for helping,

Paolo

paolof / 2011-11-24 05:53:27   

also, I would like to use the lazyload plugin within such page. what should I do?

thanks again,
Paolo

Nin / 2011-11-24 08:05:28   

Ciao Paolo,

Listen, I'll do my best to help you but before doing anything, please copy somewhere on your computer your horizontal_nav and Thw.js the way they are now, so then if I'm wrong, your site won't be all messed up and you'll recover everything!

Also, take as note that I'm a real beginner and understand that you shouldn't take nothing that will follow as Gospel.

So:

If I understood your demand, you have to edit your horizontal_nav.php file first.

With Firebug I don't have acces to this file so I'm only guessing what's wrong in it (check in you file if I'm write)

In your horizontal_nav.php you've alreday took of the "scroll" and "go back" button, now find the paragraph that start with:

  1. $a .= "< div id='id_img$i' class='picture_holder' style='width: {$temp_x}px;'>n";

Look after for the lines with "left", "prev" and "next" and delete those 3 lines.

Refresh your page and now, normally, the "left"-"prev"- and "next" buttons are gone!
Only the "go left" button (to scroll back all the way) at the end of your page should stay.

  1. After that, find this line:
  2. $a .= "<"imag src='" . BASEURL . GIMGS . "/$go[media_file]' width='$go[media_x]' height='$go[media_y]' alt='" . $go['media_title'] . "' />n"; 
  1. And add this before:
  2. < a href='#id_img$next'> 
  1. So then you now have that:
  2. $a .= "< a href='#id_img$next'><"imag src='" . BASEURL . GIMGS . "/$go[media_file]' width='$go[media_x]' height='$go[media_y]' alt='" . $go['media_title'] . "' />n"; 

This will make your images clickable to switch to the next pic!

DO NOT just copy/paste the code I'm writing because I was oblige to add a space between the

Nin / 2011-11-24 08:33:41   

Humm...
Ok, the forum cut off half of my message!

And can't rewrite anything cause evrything is bugging now...

I'll come to finish my message later today.

Sorry for that.

A.

Nin / 2011-11-24 12:46:02   

Well! It seems that the forum is still bugging because everything I write is bold!? but... Whatever!

Right above, I was just saying:
DON'T copy/paste the code I wrote cause I was oblige to add a "space" between the tag "

Nin / 2011-11-24 12:49:51   

Ok I think, I found what's bugging! Let's try one more time...

  1. DON'T copy/paste the code I wrote cause I was oblige to add a "space" in front of a href either way the forum won't show the code...

Ok-

So, I checked on your page and it seems that you suceed taking of the buttons you wanted to get rid off...
I just don't know what you did with the "go left" button (at the end of the page that scroll back all the way...) cause obviously, it's not there anymore.

Regarding to your question about the compatibility between the "lazyload" plugin and "horizontal_nav" one, I guess it works fine together!

Now, if you want your images clikeable to switch to the next picture, follow those steps:

-In your horizontal_nav.php file
Find this line:

  1. $a .= "< img src='" . BASEURL . GIMGS . "/$go[media_file]' width='$go[media_x]' height='$go[media_y]' alt='" . $go['media_title'] . "' />n";

And add this code at the beginning:

  1. $a .= "< a href='#id_img$next'>  
  1. So then you line will look like this:
  2. $a .= "< a href='#id_img$next'>< img src='" . BASEURL . GIMGS . "/$go[media_file]' width='$go[media_x]' height='$go[media_y]' alt='" . $go['media_title'] . "' />n";  

Refresh your page... It should work!

Now, let's edit your Thw.js file:

At the beginning you have a paragraph with red numbers:

  1. var HtinyScrolling = {
  2.     speed : 1,      //set here the scroll speed: when this value increase, the speed decrease. 
  3.     maxStep: 150,     //set here the "uniform motion" step for long distances
  4.     brakeK: 1,         //set here the coefficient of slowing down
  5.     hash:null,        
  6.     currentBlock:null,
  7.     requestedX:0,

Change the "speed" to 150, cause your speed "1" is reaaaally to slow! For the "brakek", use to whatever you want...

Now a bit lower in the file, look for this line:

  1. getElementXpos: function(el){
  2.         var x = 0;

And change the value with whatever you want...
This line is changing the position of your pics when you click on "next" (now on your images)

As you can see, when you click on you image, the next on scroll but the left side of you image is hidden under your menu... This "var x" offers you the possibility to center your image...

I'm usin "var x = -300"!

That'it for the moment, I need you to test first and then see if you need more details...

(hope my message will appear till the end!)

A.

Nin / 2011-11-24 12:50:31   

BINGO!

Have fun!

paolof / 2011-11-24 15:07:40   

thank you very much for your help!
it's getting really better, but there are still some issues i can't solve...

1) the scrolling speed is still very low: if I set it to 150 it gets absurdly slow (and in fact the file says "when this value increase, the speed decrease")
2) only the left side of the images is clickable, don't know why
3) the "go left" button is still there, and it's over the last image (it was like that also with the original version of the file)
4) lazyload would be nice, but I don't know how to integrate it here..

thanks again to you and anybody else would like to contribute!

Paolo

Nin / 2011-11-25 03:37:38   

Paolo,

At the biginning, I had the same problem as you with the "go left" button...
I had to first increase the gap between my pictures to replace it after the last one...
Then, try also to play with your #image-container picture holder etc etc in the "dynamic Css" at the bottom of the horizontal_nav php file (and even maybe in your Style Css).
And read what I wrote to Rickykappa at the biginning of the thread...

About your "click" only on the left side of your images, and the speed check this paragraph in your Thw.js file:

YOURS:

  1. scroll: function(targ){
  2. var left = HtinyScrolling.getScrollLeft();
  3. if(HtinyScrolling.requestedX > left) {
  4. var endDistance = Math.round((HtinyScrolling.getDocumentWidth() - (left + HtinyScrolling.getWindowWidth())) / HtinyScrolling.brakeK);
  5. endDistance = Math.min(Math.round((HtinyScrolling.requestedX-left)/ HtinyScrolling.brakeK), endDistance);
  6. var offset = Math.max(2, Math.min(endDistance, HtinyScrolling.maxStep));
  7. } else { var offset = - Math.min(Math.abs(Math.round((HtinyScrolling.requestedX-left)/ HtinyScrolling.brakeK)), HtinyScrolling.maxStep);
  8. window.scrollTo(left + offset, 0);
  9. if(Math.abs(left-HtinyScrolling.requestedX) <= 1 || HtinyScrolling.getScrollLeft() == left) {
  10. window.scrollTo(HtinyScrolling.requestedX, 0);
  11. if(typeof XULDocument != 'undefined') {
  12. location.hash = HtinyScrolling.hash; 
  13. HtinyScrolling.hash = null;
  14. } else setTimeout(HtinyScrolling.scroll,HtinyScrolling.speed);
  15.  
  1. MINE:
  2. scroll: function(targ) {
  3. var left = HtinyScrolling.getScrollLeft();
  4. if(HtinyScrolling.requestedX > left) { //a fix by Michael Ionita-Ganea
  5. var endDistance = Math.round((HtinyScrolling.getDocumentWidth() - (left + HtinyScrolling.getWindowWidth())) / HtinyScrolling.brakeK);
  6. endDistance = Math.min(Math.round((HtinyScrolling.requestedX-left)/ HtinyScrolling.brakeK), endDistance);
  7. var offset = Math.min(Math.abs(Math.round((HtinyScrolling.requestedX-left)/ HtinyScrolling.brakeK)), HtinyScrolling.maxStep);
  8. }else {
  9. var offset = - Math.min(Math.abs(Math.round((HtinyScrolling.requestedX-left)/ HtinyScrolling.brakeK)), HtinyScrolling.maxStep);
  10. }
  11. window.scrollTo(left + offset, 0);
  12. if(Math.abs(left-HtinyScrolling.requestedX) <= 1 || HtinyScrolling.getScrollLeft() == left) {
  13. HtinyScrolling.hash = null;
  14. } else setTimeout(HtinyScrolling.scroll,HtinyScrolling.speed);

There's 2 line at the end of yours that seems to be weirdoz compare to mine... Maybe there's something to change there!

--A GOOD TIP--
You should use Firebug on my Thw.js file to compare, maybe you'll find other mistakes...

Finally, here's a thread about your lazyload plugin, I found a thread for horizontal Format, you'll find a zip file to download and all infos you'll need:

here!

Be patient! Good luck!

A.

paolof / 2011-11-25 07:26:03   

thank you so much!

already implemented some changes, and everything is going better!

I let you know how it goes at the end..

In the meantime, when you're in Rome, you have a pizza offered!

Paolo

Nin / 2011-11-25 08:15:18   

You're right! It's getting real better...!

For your "go left" button: in your "horizontal_nav.php" file, at the bottom, in the dynamic Css:

  1. Try to edit the#img-container .picture img { margin-left: ?px }
  2. To a smaller value... And check if your "go left" button appear after your final pic... If not, try with all the others IDs, we never know...!

In any case, I think you'll probably be oblige to make compromises and maybe get you pics closer to your text (on the left side) to display the "go left" button correctly at the end...

I guess, there's something "not really" well done in this plugin...

Anyway, I need to improve my coding skills that's for sure :-/

By the way, I'm not from Roma at all! But from Paris, linving in Paris. Ha ha!
I speak italian cause my ex was from Triste and Napoli but I suppose nobody cares about that here! He he!

Too bad for the pizza! Grazie però ;-)

Si tiene informato!

A.

Nin / 2011-11-29 21:25:42   

Ok,

@Rickykappa
- > I know you're a busy man but if you have a beer or two at the end of the day and then, some time to kill, please: Take a quick look at this!

I've manage to change a lot of things in this plugin and for the moment, I'm fine with that...

There's only one thing I just-don't-un-der-stand!

I made my pictures clickable to jump to the next ones and made the last picture jump back to the first one. My problem is that, now, I want to get rid of the bottom scroll bar but I can't cause when you click on the last picture:

-It doesn't brings you all the way back to the menu (on the left side) but stops a bit before and then hide the text under my menu.

I know, you're going to think: Man, it's been a while she's having this problem, there's nothing new... And you'll be right!

Except that now, I think I found the reason why this happen and seriously, that discovery is far from making me happy...

I first thought, it has something to do with my Dynamic Css, about my picture-holder or either in my padding and text adjustments but nothing worked...

Today:

-I figured out that when you put the cursor a bit before my first picture, there's a blank space (under my text) that is clickable... And it seems that this space is related to my 1rst image (id#img_1) even if there's no image!

Then I figured out that in this exhibition per example: here
I have 11 images but the first one dislpays the id#img_2, the 2nd image displays the id#img_3... and it goes like this untill the last picture (theorically the 11th) that shows again the id#img1 !? That same one that was "suppose" to be before the real 1rst one...

Now, the reason why I'm telling you all this, it's because I think my first problem is probably related to the second one since my scroll bar stops right at the place where the "invisible" 1rst image starts!
Also, if I click on this "invisible" image it scrolls just a little bit and then stop !? really weird!

It's been 3 days I'm trying to fix that but I think I need some professional help cause now, it's starts being hard for me to just put myself together and try to think concrete!

If all this is not clear enough, I guess you would easily understant what I'm talking about if you go into my exhibitions source code throught Firebug...but I suppose, you know better than me :-)

Thanks in advance!

A.

Nin / 2011-11-30 08:25:45   

By the way,

If anybody else wants to help :-)
Please feel free...

I'm not only relying on Rickykappa!

Thanks!

pernin / 2011-11-30 09:56:05   

Hi Anaïs, I don't know if I followed your reasoning correctly, but in the horizontal exhib format id#img_1 is the holder that has the text, but it's got an img identifier because it must behave just like the other image holders

pernin / 2011-11-30 10:08:23   

Just re-reading... what I mean is that the click on the last image should return you to the first placeholder, which is id="text", so that the exhibition will reposition to the beginning, and not just the first image

the first actual image (not first placeholder, that one is text) is id_img1, and has a a href to id_img2, which is the second image (third placeholder)

Nin / 2011-11-30 14:12:05   

Ok, Alfredo,
First -> thanks again for your fast and unconditional support...sincerly.

But now, I'm worried I'm a bit lost in translation... :-

Before to take the risk to go out of the subject, I'm just going to make sure I "really" well-understood your message...

Are you trying to explain me that:
-There's nothing anormal about the fact that the first placeholder of my gallery has an image ID even if it's not an image but a "text" and that, this "faking identifier" is intentionally chosen by the plugin in order to make my text behave just like an image...?
THEN
-That if my images are, respectively, taking the id of my text + 1, this is also absolutely normal?

Cause, if this is right...

I don't understand how come things are made that way since, in general, there's a menu on the left-side of the text and that it makes absolutely no sense to scroll all-the-way-back to the "text" if this particular one is, in practice, hidden under the menu?

Also, I still don't understand (I'm so sorry) why the last image of my gallery then shows the same ID as my text (id#img_1) because if I still well-understood your explanation:

If id#img_1 = the text
and
id#img_2 = the first "real" image
THEN
The last image isn't suppose to be id#img 12!? and not id#img_1??

I remember having read somewhere that IDs are suppose to be "unique" and now, I don't understand how my "text" and "last picture" can then share the same ID?

To finish, I still have no clue about if this mecanism is changeable in order to make my last image clickable back to the menu and not back to the text...

A thousand excuses for this clumsy explanation/questions.

Thanks again!

A.

pernin / 2011-11-30 15:25:19   

OK, let's see... I don't have or use this exhibition format, so I can't see what's in the php, but I can see the results in firebug (looking at your pride exhibition), and you can follow me in firebug as well so you can see the nested indentations, can't do them in the forum -- Santa has promised a spanking new forum for Xmas, not specifying which Xmas, of course ;)

it starts with img-container wich contains the whole of the actual exhibition. This img-container contains the navigation, and a series of placeholders ordered in a horizontal display sequence -- if you mouse-over the div's you can see them outlined in blue:

<div id="img-container">
<div class="nav_scroll">
<span id="arrows">
</div>
<div style="clear: left;">
<!-- -->
</div>
  
here begins the first placeholder, called text, and contains the text. It is basically the same as the containers for the images that come after, except is called differently because it will need a different styling:

<div id="text">
<p>
Paris, Gay Pride
<br>
</p>
</div>

here comes the second placeholder, which contains the first imagecalled id_img1, real wide ;)  I'll break it up in smaller parts in order to comment:
  
this first wrapper doesn't apparently do anything, it's empty, left-over legacy coding maybe? The next div now is a holder for the image, which has the actual image and caption, both wrapped within a link to the third (next) placeholder which will contain the said second image, so that when you click on this second placeholder (first image) it will move the exhib to the next placeholder and image in line

<div id="id_img1" class="picture_holder" style="width: 1200px;">
<div class="sub_nav_wrap"> </div>
<div class="picture" style="width: 800px;">
<a href="#id_img2">
<img width="800" height="536" alt="1/11" src="http://anais.antonio.free.fr/files/gimgs/14_dsc0186.jpg">
<div class="captioning">
<div class="title">1/11</div>
</div>
</a>
</div>
<a href="#id_img2"> </a>
</div>
<a href="#id_img2"> </a>
I haven't the faintest idea what these last two other empty links to the third placeholder(second image) are doing here, there are some legacy fossils in the php or js code, but they don't appear to affect things

After this the whole is repeated for the next instance with the third placeholder with second image and link to fourth placeholder.

Repeat until you get to the last placeholder which has a link back to the first image, which happens to be the second placeholder: #id_img1, because the first is called text

somewhere in the plugin you should make the last link to point to the first placeholder, which has the text

I hope it gets a bit clearer. Read on html for internal links (anchors). An what you call them is up to you as a programmer, you could call them elephant_1, etc, and they'll still contain a picture if you put a picture inside them. Or an elephant if you put one inside, although it'll have to be a small one, don't think the server will be up to it ;)

Je recommande un verre de bon rouge pour lire ceci...

Nin / 2011-11-30 15:36:26   

Hummmm....

Is it my computer or you decided to customize your message with some kind of supa' big blank spaces all around your post??

pernin / 2011-11-30 15:36:52   

... grrrr ... the forum engine trashed my text, you'll have to live with this styling had to go back and edit it :/

Nin / 2011-11-30 15:37:59   

Oh! Great!

Hum, let me try something...

Nin / 2011-11-30 15:40:51   

Hey! Bingo! (-> I restarted my Firefox and now I can see everything!!)

BS6_Photography / 2011-11-30 16:23:22   

Hey Nin, thank you for sharing your customisation of the horizontal nav!! I have been wondering how to do this for sometime now but have had no time to get on it!! I figured out how to get rid of certain things but couldnt figure out how to get the movement to line up correctly but thanks to you I now know how!! So many many thanks!

I really like the shots of 'Paris, Grand palais' on your site, especially the front on image of the giant ball!! Beautiful tonal black and white!! What do you use to edit? I have loads of real good Lightroom presets if you want to swap? haha

My question to you is........ how have you made the last image clickable to go back to the start of the gallery instead of using a 'go back to start' button/text? I cannot seem to figure out where or how to do this in the code!! HELP would be greatly appreciated!

My Site.

Merci, Merci, Merci!!

Nin / 2011-11-30 16:31:15   

Ok @Alfredo,

So I took the top off my bottle of wine (very good advice once again :-) ) and read your message step by step...

And... Here's my third problem!
(Yes, I know, I'm the millstone of your day, sorry!)

I lately took the decision to add to my site the ScrollTo.js plugin that, to be short and concise, is a plugin that add some animation to your navigation using: SURPRISE ----> anchors!

From what I understood in your message:
-You're suggesting me to add in my plugin an anchor that will change the destination of my scrolling bar once you have clicked on my last picture and make it scroll back to my menu instead of my text!

But:
Since you can't see any animation in my site, the reason why is that I actually:
Don't-understand-no-sh**-about-"anchors"!

Seriously, I rake up pretty much everything I could find on the web about that subject and now I think I'm starting to developp some kind of intense allergies to that word...

Honestly, this technic sounds to me just like an old remote chinese village slang dialect!

I'm just lost in this html cave where darkness isn't rock n' roll at all and where nubies spend hard times...

Where to start?
-> can you link me to an "anchors for dummies" site?

I sware that, if one day, you guys organize an "funkiest indexhibit administrator contest":
I'll vote for you!!!

pernin / 2011-11-30 16:44:17   

http://www.w3schools.com/ excellent reference and learning site

and, no, I'm pointing that your last image links now to your second place-holder and you should make it link to your text (not your menu), which is in your first place-holder:

first place-holder = text = id="text"
second place-holder = first image = id="id_img1"

Me? funky? Oh dear...

Nin / 2011-11-30 17:04:14   

Hi @BS6-Photography,

Sorry in advance to make this message a bit fast but I'm cooking right now and, unfortunately, it already look enough disgusting to add burnt pasta to it! So, here it is:

First, thanks for the compliments!

Now, if you want to make your last image click back to the first one, do this:

-Find these lines in your horizontal_nav.php plugin:

  1. $next = ($i == $rs) ? 1 : $i+1;
  2.             $prev = ($i == 0) ? $total : $i-1;

And change it into that:

  1. $next = ($i == count($pages)) ? 1 : $i+1;
  2.             $prev = ($i == 0) ? $total : $i-1;

And you're good! :-)

-About my pictures, you have to know that I'm absolutely NOT a professional photographer but an cinema assistant-director and a scriptwriter :- /

I just enjoy taking pictures for myself but nothing pro and nothing technical.

I actually don't use any lightning cause I'll probably won't know how to make it work and I also almost don't use any editing neither... If so, it will be iPhoto :- /

My black and white tonal is from my personal B&W settings that I adapted in my camera that is an old 400euros crappy Nikon D80 (not even a full frame)...

I know I look pretty serious designing my website but, in reality, photography is only as a hobby for me...

Your pics are actually waaaaay nicer than mines!

That's it, for the rest, feel free to send me an email if you have other questions (you can find it in my infos-contact section)

Have a good evening!

A.

Nin / 2011-11-30 17:10:51   

@Alfredo,

Great! You're adorable! Thanks!
I'll work on it and try to catch how things work!

PS: I'm sure you hide a funky soul behin your screen!

Cheers!

A.

BS6_Photography / 2011-11-30 17:33:55   

Thank you so very much for you very kind help!!! Where did you find out how to change the code as I am too a very novice coder and need to learn more!!

Thank you also for you compliments! Your images defiantly show that you know how to use lighting and composition etc, ie assistant cinema director!!

Enjoy your evening also, maybe speak again sometime! I have book marked your site to see what you produce in the future!

P.S It doesn't matter one bit that your camera is not full frame!! Mine isn't (I use a Nikon D7000)!! What matters is the quality of the work you produce. Salut!

rickykappa / 2011-12-01 02:56:47   

hey, what's up here?!
I was away from home for a week and half (in paris!) and now I'm back and got so much to read here... I'll try to catch up later, because now I can't read through all the posts and check out the proper links - just a few random things below:
- lazyload+horizontal: I did a test site and it was working well, but when I've tried to implement it into my own website the expandingmenu collapsed and I've never been able to fix it, so at the end I've not been using it...
- I also use an old half-frame digital camera, only because I can't use anymore my very old hasselblad ;-(
- anybody with opened questions?
ciao :-)

Nin / 2011-12-01 07:49:20   

@Rickykappa

You said Hasselblad!? Aaaaaaaaaaaah!
I want one! I want one! I want one!

Yeah, sorry about all that RickyK but... I never thought a week and a half can be so long!
We've missed you man!

Fortunately, "Super Pernin" arrived right on time (just when I was about to invoke the web spirits) and he did, as usual, a very good job!

-> Welcome back!

No opened questions here since I have to learn "anchors" now :- /
but I'm sure this situation won't be long!

ps: Here in Paris, I know an old man that has nimble fingers and repairs Hasselblads with the same ease as you create plugins... ;-) Feel free to ask to the address!

A.

Nin / 2011-12-01 07:54:31   

@BS6_Photography,

Thanks again for your compliments!
-Helping you was my pleasure first! :-)

I'll try to post the rest of my pics soon... But now that you bookmarked my site, I have big pressure on me, man'!

I'll try to be up to it!

Cheers!

A.

Nin / 2011-12-01 08:12:14   

@ Alfredo Pernin,
Please accept my apologizes for these past message I've posted here yesterday...

I only see now, that I was totally misunderstanding what you tried to point about 4 or 5 times:
-That I have to find a way to link back to my TEXT and not my MENU!!!

Gosh, I don't know why I was so blinkered!?
I guess cooking and sending messages in the same time is too complicate for me (plus, the dish was very bad!)

Also, I had to open my online-dictionnary with the keywords "real" and "wide" to understant that you were not telling me that my picture was "over-width/sized" but that it was just "nice"!???
- Man, thank y-o-u !

And then, I totally by pass your very funny joke about the elephant!?

So, just a message to tell you I didn't mean to be rude and that with all the forum coding issues and stuffs, I'm real pleased you can still find some time to be patient, polite, nice, funny and handy!

That's it!

Have a good day!

A.

pernin / 2011-12-01 09:34:30   

Thank you :)

rickykappa / 2011-12-01 10:22:22   

ciao super-pernin! ;-)

@nin - my 2 hasselblad work well (hey, it's swedish mechanic darling!), the problem is that nobody pays for films anymore...

Nin / 2011-12-01 11:05:30   

Hey ricky!-> Never said it was french (did I...?) !
I said = I know an old man (french, yes) that repairs it divinely!

He he he!
Stop the limoncello... Darling! ;-)

Nin / 2011-12-10 12:41:50   

Hi,

I don't know what's happening right now cause I didn't manip' anyhting in my menu but as soon as you click on the first image, the pictures are scolling above it (before it was under) and after that, the menu become totally unclickeable...

If you want to click on the menu you have to scroll back to the first image!

It looks like something broke in my plugin cause I have an error on line 147 of my Thw.JS file that says:

  1. if (obj.addEventListener)

???

Gosh, what an Infernal day...!

Thanks!

A.

rickykappa / 2011-12-12 05:42:24   

oh, well... I see it's solved. nice work... ;-)

Nin / 2011-12-14 10:56:41   

Hi RickyKappa,

Ya', sorry! I forgot to post back once I got it fixed...

and...Thanks for the compliment, you're kind! ;-)

kenparris3 / 2012-05-24 00:38:08   

This post has been very helpful! But when I add the code to make the images clickable I get the following "< a href='#id_img2'>" above every image. Here is the webpage I am working on for reference:

http://www.parris3.com/index.php?/work-series/104-work-weeks-on-tour-with-the-mc-company/

If I can not get the images to be "next" clickable, I would then need to know how to lock the "Scroll" in place so that it does not move with the images.

Thank you in advance!

pernin / 2012-05-24 01:53:44   

in firebug, I see entities delimiting for example a href='#id_img2', and you need actual < and >

This thread has been closed, thank you.