Changeset 1852 in ExiteCMS for trunk/modules/album_panels/templates/modules.album_panels.random_image_panel.tpl

Timestamp:

10/15/08 16:06:51 (4 years ago)

Author:

hverton

Message:

fixed resizing issue with IE6/IE7

File:

• trunk/modules/album_panels/templates/modules.album_panels.random_image_panel.tpl (modified) (1 diff)

trunk/modules/album_panels/templates/modules.album_panels.random_image_panel.tpl

@@ -16 +16 @@
 {***************************************************************************}
 {include file="_openside.tpl" name=$_name title=$_title state=$_state style='side-body-nm'}
-<div style='width:100%;text-align:center'>
+<div id='random_image_div' style='text-align:center;margin:0;padding:0;'>
     {if $image.album_id}
-        <a href='{$smarty.const.BASEDIR}albums.php?type=photo&action=view&album_id={$image.album_id}&photo_id={$image.photo_id}'><img width='100%' style='margin:0;padding:0;' class='' src='{$smarty.const.PHOTOS}{$image.photo_sized}' alt='{$image.album_photo_description}' title='{$image.album_photo_description}' /></a>
+        <a href='{$smarty.const.BASEDIR}albums.php?type=photo&action=view&album_id={$image.album_id}&photo_id={$image.photo_id}'><img id='random_image' width='10' style='margin:0;padding:0;' class='' src='{$smarty.const.PHOTOS}{$image.photo_sized}' alt='{$image.album_photo_description}' title='{$image.album_photo_description}' /></a>
     {/if}
     {if $image.gallery_id}
-        <a href='{$smarty.const.BASEDIR}albums.php?type=photo&action=view&gallery_id={$image.gallery_id}&photo_id={$image.photo_id}'><img width='100%' style='margin:0;padding:0;' class='' src='{$smarty.const.PHOTOS}{$image.photo_sized}' alt='{$image.gallery_photo_description}' title='{$image.gallery_photo_description}' /></a>
+        <a href='{$smarty.const.BASEDIR}albums.php?type=photo&action=view&gallery_id={$image.gallery_id}&photo_id={$image.photo_id}'><img id='random_image' width='10' style='margin:0;padding:0;' class='' src='{$smarty.const.PHOTOS}{$image.photo_sized}' alt='{$image.gallery_photo_description}' title='{$image.gallery_photo_description}' /></a>
     {/if}
 </div>
 {include file="_closeside.tpl"}
+<script type='text/javascript'>
+{literal}
+// Dean Edwards/Matthias Miller/John Resig
+function init() {
+    // quit if this function has already been called
+    if (arguments.callee.done) return;
+
+    // flag this function so we don't do the same thing twice
+    arguments.callee.done = true;
+
+    // kill the timer
+    if (_timer) clearInterval(_timer);
+
+    // needed inside the loop
+    var parent_left = 0;
+    var parent_width = 0;
+    var obj = 1;
+    var i = 1;
+
+    if (document.getElementById("random_image_div") != null) {
+        // get the info about the objects parent
+        obj = document.getElementById("random_image_div").parentNode;
+        // fall back gracefully if the parentNode can not be found
+        if (obj == null) obj = document.getElementById("random_image_div").offsetParent;
+        // adjust the width of the image
+        document.getElementById("random_image").style.width = obj.offsetWidth + "px";
+    }
+};
+
+/* for Mozilla/Opera9 */
+if (document.addEventListener) {
+    document.addEventListener("DOMContentLoaded", init, false);
+}
+
+/* for Internet Explorer */
+/*@cc_on @*/
+/*@if (@_win32)
+    document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
+    var script = document.getElementById("__ie_onload");
+    script.onreadystatechange = function() {
+        if (this.readyState == "complete") {
+            init(); // call the onload handler
+        }
+    };
+/*@end @*/
+
+/* for Safari and Konqueror */
+if (/KHTML|WebKit/i.test(navigator.userAgent)) { // sniff
+    var _timer = setInterval(function() {
+        if (/loaded|complete/.test(document.readyState)) {
+            init(); // call the onload handler
+        }
+    }, 10);
+}
+
+/* other alternatives */
+if (window.attachEvent) {
+    window.attachEvent('onload', init);
+} else if (window.addEventListener) {
+    window.addEventListener('load', init, false);
+}
+
+/* if all else fails try this */
+window.onload = init;
+{/literal}
+</script>
 {***************************************************************************}
 {* End of template                                                         *}