jul0577

Hi all,

And anyone have an idea on how to make an image menu with javascript for another image on rollovers and with another image for the "current active menu"?

Cheers.

jul0577

Hi,

And anyone have an idea on how to make a menu image with another image for the rollever state (with javascript) and anotherone for the active menu?

Cheers.

chucktrukk

On DynamicDrive.com, there is a simple java script for rollovers that uses the command:

With this script, maybe we can upload the rollover image as "image2.jpg" in the same directory as the original image.

Then change this code:

$image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $menu_image .'" border="0" alt="'. $mitem->name .'"/>';


to:


$image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $menu_image .'" hsrc="'. $mosConfig_live_site .'/images/stories/'. $menu_image .'2" border="0" alt="'. $mitem->name .'"/>';


Ill try it out later today on my site and let yall know.

Chuck

mangoman

Ok - please let us know - and look at - your site if this works!!

Thanks.

chucktrukk

Well, I was wrong. That didn't work. But this is how I hacked it. Below the code is how I got it to work.

Lines 83-111:
First I went to Dynamic Drive DOM Image Rollover and installed their script. Very easy.

The only extra step involved is renaming your menus to the new rollover image, such as home_over.gif. I wanted my submenus to stay as text links, so at the bottom, I added "if level is greater than 0, then show the text".

The website is www.radministries.com/discipleship/index.php. I didn't design the website, another designer did. I am just porting it over to Mambo for them. I am still in the process with it, so if you see anything that could be tweaked on it, please let me know.

Chuck

chucktrukk

How could I get this to work with my solution? Is there a way to say:
This is probably an easy answer, but I'm new to this too.


Thanks for any help,
Chuck

chucktrukk

I am now working on modifying Display Menu - Tigra 2-0-1 from Stingrey.biz. I believe this will not only allow images to be used, but also for a great drop-down menu to be used in conjuction with it.

I will let you know how it goes.

mage

It´s great this thing that you have done!

Well I make some changes. This changes allows you to have a Menu only with Images, a Menu with text and images and a menu only with text; all at the same time.

In mod_mainmenu.php its the same that you already publish with a little change (in red)

AND you also add at the end, BELOW

$params->def( 'menu_images', 0 );

You put:

$params->def( 'just_images', 0 );


Then in mod_mainmenu.xml

Below

<param name="menu_images" type="radio" default="0" label="Show Menu Icons" description="">
<option value="0">No</option>
<option value="1">Yes</option>
</param>

You ADD

<param name="just_images" type="radio" default="0" label="Show Type Menu Images" description="">
<option value="0">No</option>
<option value="1">Yes</option>
</param>

So... in Modules->Site Modules->mainmenu

You will have an extra option: "Show Type Menu Images"



So when you want a menu only with text, you select NO in option "Show Menu Icons" and "Show Type Menu Images"

When you want a menu with text and an image, you select YES in option "Show Menu Icons" and NO in option "Show Type Menu Images"

And last, when you want a menu only with an image, you select YES in option "Show Menu Icons" and "Show Type Menu Images"

REMEMBER: if you have to select an image for each option in the menu.

trinimayl

This works for me almost. What happens is that I end up with 2 images side by side. One is the plain image and one is the linked image. What have I forgotten or done wrong? Thanks.

paperoga74

hello to all, I have modified the file of which that spoken here so that the images can be inserted without to show the name of the menu. In same menu yuo can see images and link normal together. I used joomla 1.0.7 and the row when modifies starts is 91.
This is the code in mod_mainmenu.php

$txt = '<a href="'. $mitem->link .'" class="'. $menuclass .'" '. $id .'>'. $mitem->name .'</a>';
break;
}

if ( $params->get( 'menu_images' ) ) {
$menu_params = new stdClass();
$menu_params = new mosParameters( $mitem->params );
$menu_image = $menu_params->def( 'menu_image', -1 );
if ( ( $menu_image != '-1' ) && $menu_image ) {
$image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $menu_image .'" border="0" alt="'. $mitem->name .'"/>';
if ( $params->get( 'menu_images_align' ) ) {
$txt = $txt .' '. $image;
} else {
$txt = $image .' '. $txt;
}
}
}

return $txt;
}



them and these are the modifications:

$txt = '<a href="'. $mitem->link .'" class="'. $menuclass .'" '. $id .'>';
break;
}

$menu_params = new stdClass();
$menu_params = new mosParameters( $mitem->params );
$menu_image = $menu_params->def( 'menu_image', -1 );

if (( $menu_image != '-1') || (!$menu_image)) {
$image = '<img src="'. $mosConfig_live_site .'/images/stories/'. $menu_image .'" border="0" title="'. $mitem->name .'"/>';
if ( $params->get( 'menu_images_align' ) ) {
$txt .= $image;
} else {
$txt .= $image.' '. $txt;
}

}else{
$txt .= $mitem->name;
}

$txt .= '</a>';

return $txt;
}

i try this modifies and result is ok.

i hope that i hepled you.

p.s.
excuseme for my english.

ciao