{"action":"created","issue":{"url":"https://api.github.com/repos/blasten/turn.js/issues/153","labels_url":"https://api.github.com/repos/blasten/turn.js/issues/153/labels{/name}","comments_url":"https://api.github.com/repos/blasten/turn.js/issues/153/comments","events_url":"https://api.github.com/repos/blasten/turn.js/issues/153/events","html_url":"https://github.com/blasten/turn.js/issues/153","id":6539342,"number":153,"title":"Zooming example. Don't want to use JS to load larger images","user":{"login":"closdesign","id":928668,"avatar_url":"https://avatars.githubusercontent.com/u/928668?v=3","gravatar_id":"","url":"https://api.github.com/users/closdesign","html_url":"https://github.com/closdesign","followers_url":"https://api.github.com/users/closdesign/followers","following_url":"https://api.github.com/users/closdesign/following{/other_user}","gists_url":"https://api.github.com/users/closdesign/gists{/gist_id}","starred_url":"https://api.github.com/users/closdesign/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/closdesign/subscriptions","organizations_url":"https://api.github.com/users/closdesign/orgs","repos_url":"https://api.github.com/users/closdesign/repos","events_url":"https://api.github.com/users/closdesign/events{/privacy}","received_events_url":"https://api.github.com/users/closdesign/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":18,"created_at":"2012-08-29T21:31:43Z","updated_at":"2015-02-24T21:07:29Z","closed_at":null,"body":"We are using the Magazine example which works great.  But we want to load the pages in the HTML not through Javascript, and have the zoom work to switch out the large images like the example shows but not use Javascript to load the large images.  I know we can load the small images using the (div) wrapped around our (img) tags within the .magazine div and the magazine-viewport.  But what about the zoom?  We want to implement this in our CMS (Umbraco) which dynamically generates the path to the images in the database.  So our \"-large\" images will not have an absolute path for the folder for the large images like in the magazine.js example of \"/pages\" + page + '-large.jpg'.  Is there another way to do this where the large images reside in the HTML too but don't show until zoomed?  \n\nI found the function in the magazine.js. How could we modify this to use our large images that are matched in the HTML to the pages that get zoomed. Would it be a (data) or (rel) attribute on the images? \n\n\n```javascript\nfunction loadLargePage(page, pageElement) {\n\t\n\tvar img = $('<img />');\n\n\timg.load(function() {\n\n\t\tvar prevImg = pageElement.find('img');\n\t\t$(this).css({width: '100%', height: '100%'});\n\t\t$(this).appendTo(pageElement);\n\t\tprevImg.remove();\n\t\t\n\t});\n\n\t// Loadnew page\n\t\n\timg.attr('src', 'pages/' +  page + '-large.jpg');\n}\n```\n\n\nThanks in advance."},"comment":{"url":"https://api.github.com/repos/blasten/turn.js/issues/comments/75846116","html_url":"https://github.com/blasten/turn.js/issues/153#issuecomment-75846116","issue_url":"https://api.github.com/repos/blasten/turn.js/issues/153","id":75846116,"user":{"login":"IkramShams","id":11175376,"avatar_url":"https://avatars.githubusercontent.com/u/11175376?v=3","gravatar_id":"","url":"https://api.github.com/users/IkramShams","html_url":"https://github.com/IkramShams","followers_url":"https://api.github.com/users/IkramShams/followers","following_url":"https://api.github.com/users/IkramShams/following{/other_user}","gists_url":"https://api.github.com/users/IkramShams/gists{/gist_id}","starred_url":"https://api.github.com/users/IkramShams/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IkramShams/subscriptions","organizations_url":"https://api.github.com/users/IkramShams/orgs","repos_url":"https://api.github.com/users/IkramShams/repos","events_url":"https://api.github.com/users/IkramShams/events{/privacy}","received_events_url":"https://api.github.com/users/IkramShams/received_events","type":"User","site_admin":false},"created_at":"2015-02-24T21:07:29Z","updated_at":"2015-02-24T21:07:29Z","body":"Thanks for your quick response. I have uploaded about 60000(sixty thousand) images on my company  local server of different name folders(not pages folder). I have more than 100 folders in which are stored. I have to show the only related images of that  category and subcategory folders on which the user clicks. so, i want to load the images dynamically. I have already converted the Basic example into dynamic and also the thumbnail images of Magazine example into dynamic. In these cases, the images are loading from HTML page. so i don't have any problem to make them dynamic but in the case of small and large image of Magazine Example, the images are loading from javascript. so, i have problem to make them dynamic. Can we load the small and large image of Magazine Example from HTML page same as Basic Example? If not, then please provide me some examples same as Magazine Example in which we are showing the images and thumbnails. I want that images and thumbnails should be loaded from HTML page not from javascript as it is in Basic Example. Your above given example  http://apps.dmns.org/Catalyst/February-March2015/#page/1  is good but in this example there is no thumbnail. I need also thumbnail below of image. Please suggest me. Thanks in advance."}}